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.

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

Navigating dropdown with arrow keys jumps unexpectedly when item is hovered & active #207

Open
0radek opened this issue Feb 14, 2023 · 1 comment
Labels
bug Something isn't working help wanted Extra attention is needed

Comments

@0radek
Copy link

0radek commented Feb 14, 2023

Repro

You can use https://multiselect.janosh.dev/ and use the first example.

Open the dropdown, and hover over a language, for example, F# so that it is active and has the blue background. Then start pressing the up/down arrow and you see the behavior.

@janosh
Copy link
Owner

janosh commented Feb 14, 2023

Good catch! Thanks for raising an issue.

Might be due to multiple event handlers interfering with each other. Maybe the scroll handler is triggered by keeping the active option in view in the dropdown list which triggers the mouseover handler since the scrolling happens to move the mouse over another option or sth like that. Don't have time to debug this right away. If anyone wants to try, that'd be great.

@janosh janosh added bug Something isn't working help wanted Extra attention is needed labels Feb 14, 2023
@janosh janosh changed the title Navigating using keyboard arrows is weird if you have a item hovered & active Navigating dropdown with arrow keys jumps unexpectedly when item is hovered & active Feb 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants