react-component / react-component/mentions

Make selection key configurable

Open
#100 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
112
Forks
65
Avg merge
28m
Merged PRs (30d)
2

Description

Hi,

I would like to use the component with an input-field that will submit its value on enter press.
I have to fiddle quite a bit to supress value submission on enter only when mention options are present.
This would be much easier if I could configure the selection key Mentions uses to be tab, for example.

Thanks for your great work!

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start from the Mentions component's keyboard handling and the input-field behavior described in the issue. Trace how mention options are selected on Enter, then define the configurable selection key so Tab can be used instead; verify that Enter submission is preserved when no mention option is active.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.