Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Mention selects item where mouse cursor happens to be, not top-most result #329

Open
dep-deprecated opened this issue Jun 7, 2019 · 3 comments · May be fixed by #619
Open

Mention selects item where mouse cursor happens to be, not top-most result #329

dep-deprecated opened this issue Jun 7, 2019 · 3 comments · May be fixed by #619

Comments

@dep-deprecated
Copy link

Steps to reproduce:

  1. Place your mouse over the area where the 2nd suggestion will appear (Single Line Input Example)
  2. Type @W
  3. Notice Skyler White's name is selected even though she's the second result
  4. Press enter and Skyler White gets inserted

Expected behaviour:

Would expect Walter White to be the inserted mention since he is the top typed result.

Workaround:

Move mouse away before doing a mention
@dep-deprecated dep-deprecated changed the title Mention selects item moused over, not top-most result Mention selects item where mouse cursor happens to be, not top-most result Jun 7, 2019
@Badbreaddead
Copy link

any progress on this?

@fnky
Copy link

fnky commented Sep 6, 2022

We've run into this issue as well, and have had users report to us that this behaviour is confusing and not desired. It's expected to work the same way as Downshift examples.

We aren't able to override the overlay component to provide our own dropdown logic (i.e. with Downshift).

@fnky
Copy link

fnky commented Sep 6, 2022 •
edited

It may be due to the use of onMouseEnter events, instead of onMouseMove. As noted in Downshift, onMouseEnter is triggered when DOM changes, rather than when mouse moves.

@fnky fnky linked a pull request Sep 6, 2022 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: use mousemove to focus suggestion Timeular/react-mentions
3 participants
@dep-deprecated @fnky @Badbreaddead