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

Component Tree Arrow Key Navigation #1153

Merged

Conversation

nummi
Copy link
Collaborator

@nummi nummi commented Mar 5, 2020

Closes #1142

@NullVoxPopuli, here is a WIP.

  • Prevent native scrolling when arrow keys are pressed
  • Should arrow keys navigate if the tree is visible or only if the tree has focus?
  • Holding down key is SLOW and glitchy

@nummi nummi force-pushed the component-tree-arrow-key-navigation branch 2 times, most recently from 506d3b2 to 70cf262 Compare March 5, 2020 19:49
@RobbieTheWagner
Copy link
Member

@nummi

Should arrow keys navigate if the tree is visible or only if the tree has focus?

I think only if the component tree window is focused, but we would need to make sure it is focusable with tab, etc.

Holding down key is SLOW and glitchy

I would be fine with not allowing holding down personally.

@nummi nummi force-pushed the component-tree-arrow-key-navigation branch from 70cf262 to 6338007 Compare March 7, 2020 03:28
@nummi
Copy link
Collaborator Author

nummi commented Mar 7, 2020

Changed to always use arrow keys when the component tree is visible unless focus is in an input or textarea.

@nummi nummi closed this Mar 7, 2020
@nummi nummi reopened this Mar 7, 2020
@nummi nummi changed the title [WIP] Component Tree Arrow Key Navigation Component Tree Arrow Key Navigation Mar 7, 2020
@nummi nummi requested a review from RobbieTheWagner March 7, 2020 03:41
@nummi nummi force-pushed the component-tree-arrow-key-navigation branch from 6338007 to 25f0050 Compare March 7, 2020 06:47
@nummi nummi force-pushed the component-tree-arrow-key-navigation branch from 25f0050 to 191597f Compare March 7, 2020 07:09
Copy link
Member

@RobbieTheWagner RobbieTheWagner left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks great. Thanks for taking this on!

@RobbieTheWagner RobbieTheWagner merged commit 74df7cd into emberjs:master Mar 7, 2020
nummi added a commit to nummi/ember-inspector that referenced this pull request Apr 1, 2020
* Key codes utility

* Navigate component tree with arrow keys
nummi added a commit to nummi/ember-inspector that referenced this pull request Apr 5, 2020
* Key codes utility

* Navigate component tree with arrow keys
@nummi nummi deleted the component-tree-arrow-key-navigation branch May 1, 2020 21:30
patricklx pushed a commit to patricklx/ember-inspector that referenced this pull request Sep 19, 2022
* Key codes utility

* Navigate component tree with arrow keys
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Implement Keyboard Navigation in the Component Tree
2 participants