question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Browsing through the menu with shift key

See original GitHub issue
  • downshift version: 1.28.0
  • node version: /
  • npm (or yarn) 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:closed
  • Created 6 years ago
  • Comments:21 (13 by maintainers)

github_iconTop GitHub Comments

3reactions
kentcdoddscommented, Feb 21, 2018

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 🙃

2reactions
indiesquidgecommented, Feb 27, 2018

it probably wouldn’t be a bad idea to document this in some form in the README, so I’ll go ahead and leave this open.

Sure, I’d love to contribute to Downshift by adding this to the docs 😃

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found