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.

keyboard navigation

See original GitHub issue

Just throwing some ideas. Not sure if you decide it in the scope of your project but keyboard navigation support for Grid/FlexTable/VirtualScroll would be neat feature. Main drawback that I see is that flex table row is placed completely in one grid cell. It means we will need several cell navigation implementation.

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Reactions:1
  • Comments:13 (7 by maintainers)

github_iconTop GitHub Comments

3reactions
cheahkhingcommented, Mar 3, 2016

In fact, i do see the needs for keyboard navigation. It is very user-friendly for those who use keyboard all the way. I am expecting the “arrow-down” “arrow-up” key can help me navigate the rows up and down, press “enter” will trigger selection, etc. Just like how Excel works with the cell focus.

1reaction
bvaughncommented, Mar 3, 2016

Keyboard navigation is already supported, as pointed out above and as seen in the demo. Arrow keys can already be used to navigate up/down in FlexTable and VirtualScroll as well as left/right in Grid.

“Enter” does not trigger selection because, as I explained above, I don’t track the concept of a “selected” (or focused) cell, just a range of visible rows.

If this is a feature you need, you have a couple of options:

  • Create your own high-order component decorator as I mentioned above that adds this functionality.
  • Work with @Guria to put together a PR to add this functionality. (Note that I might refuse it if I don’t think it’s a good fit for the library, at which point you would have to decide whether you wanted to fork or not.)
Read more comments on GitHub >

github_iconTop Results From Across the Web

Keyboard Accessibility - WebAIM
A keyboard user typically uses the Tab key to navigate through interactive elements on a web page—links, buttons, fields for inputting text, etc ......
Read more >
Keyboard navigation
Navigate windows ; Shift + Super + →. Move the current window one monitor to the right. ; Alt + F10 or Super...
Read more >
Keyboard Compatibility | Web Accessibility Initiative (WAI) - W3C
Many people use only the keyboard to navigate websites — either through preference or circumstance. Whether it's temporarily limited mobility,, A woman with...
Read more >
Keyboard accessibility - University of Washington
Some computer users are physically unable to use a mouse. Others prefer using a keyboard because it's more efficient than using a mouse....
Read more >
Accessibility by Design Keyboard Navigation
Keyboard navigation uses the TAB, Arrow, ENTER, and space bar keys. The TAB key allows a user to jump from one interactive element...
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