Browsing through the menu with shift key
See original GitHub issuedownshift
version: 1.28.0node
version: /npm
(oryarn
) version: /
Problem description: I don’t know if this is an issue or if it is intended, this is just an observation and I couldn’t find a test for this use case. When using the shift key together with arrow down while having one of the the last 5 items in the menu selected, the first item in the menu gets selected. The same happens with arrow up, while being at the first 5 items in the menu then the last item gets selected.
To reproduce it, you use any of the codesandbox examples or one of the storybook examples.
Suggested solution: My suggestion would be to stay at the bottom/top of the menu, or to select the ‘right’ item. But again, I might be wrong 😅
Issue Analytics
- State:
- Created 6 years ago
- Comments:21 (13 by maintainers)
Top Results From Across the Web
Browsing through the menu with shift key · Issue #336 - GitHub
When using the shift key together with arrow down while having one of the the last 5 items in the menu selected, the...
Read more >Shift key pops up a menu - Super User
On the next window (should be labeled "Settings For Sticky Keys"), uncheck in the box that says "Use shortcut", then click on "Apply",...
Read more >How do I navigate around Microsoft Windows using only a ...
The up and down arrow keys allow you to move through the menu items. ... A Shift+Tab moves backwards in the navigation between...
Read more >KeyboardEvent.shiftKey - Web APIs | MDN
shiftKey read-only property is a boolean value that indicates if the shift key was pressed (true) or not (false) when the event occurred....
Read more >How to Navigate Windows Using a Keyboard - Computer Hope
To move right to left between tabs in the currently selected window, press Ctrl , Shift , and Tab simultaneously.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Yes, this is by design. It’s a “power-user” feature
No, this feature has nothing to do with the name “downshift” 😅
Yes, we should probably document it (any takers?)
You will be able to use the new feature being worked on for https://github.com/paypal/downshift/issues/330 to override the behavior if you don’t like it.
Yes, I understand that when it goes around the top or bottom things can behave a little oddly.
No, I don’t really want to change that behavior because the feature is intended to help you move around quickly, not get to a specific item.
Yes, when that new prop is implemented, you could make it do what you want.
Yes, I knew that things like this would come up and I’m feeling better and better about the fact that I didn’t decide to make a one-off prop to handle the #330.
Yes, I’m responding with Yes/No sentences because I started the first two that way and it was fun.
Yes, I can be odd sometimes 🙃
Sure, I’d love to contribute to Downshift by adding this to the docs 😃