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

[SpeedDial] Interesting keyboard behavior #13613

Closed
amaslakov opened this issue Nov 16, 2018 · 1 comment · Fixed by #17301
Closed

[SpeedDial] Interesting keyboard behavior #13613

amaslakov opened this issue Nov 16, 2018 · 1 comment · Fixed by #17301
Assignees
Labels
component: speed dial This is the name of the generic UI component, not the React module!

Comments

@amaslakov
Copy link

When using keyboard, when I open a Dialog from a SpeedDial, close it and try to navigate SpeedDial items with arrow keys, the direction inverts. And the ToolTip is also a bit off.

  • [ x ] This is not a v0.x issue.
  • [ x ] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

The arrow keys act as usual

Current Behavior

The arrow keys act as if they were inverted

Steps to Reproduce

Link: https://codesandbox.io/s/13rlwp1l8j

  1. Tab to the SpeedDial button (it will open)
  2. Use arrow keys to select Print item
  3. Press space to open the Dialog
  4. Press esc to exit the Dialog
  5. Press the down arrow a couple of times

Context

Your Environment

Tech Version
Material-UI v3.5.1
React latest
Browser Google Chrome, Version 70.0.3538.102 (Official Build) (64-bit)
TypeScript
etc.
@eps1lon eps1lon added the component: speed dial This is the name of the generic UI component, not the React module! label Nov 16, 2018
@eps1lon
Copy link
Member

eps1lon commented Nov 16, 2018

This is all about what key is pressed first. This was discussed in #12725. #12725 (comment) should be the most comprehensive explanation for the current behavior.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: speed dial This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants