Skip to content
This repository was archived by the owner on Sep 11, 2024. It is now read-only.

Conversation

t3chguy
Copy link
Member

@t3chguy t3chguy commented Oct 10, 2019

  • Cleans up outline: none styling (only show outline when navigating using keyboard)
  • Don't use tabIndex > 1 as it is recommended against
  • Don't intercept TAB globally, only in composer

Signed-off-by: Michael Telatynski 7t3chguy@gmail.com

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
@t3chguy t3chguy requested a review from a team October 10, 2019 13:17
Copy link
Contributor

@bwindels bwindels left a comment

Choose a reason for hiding this comment

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

thanks for fixing this! lgtm, just one question.

);

return <div className="mx_TopLeftMenu mx_HiddenFocusable" tabIndex={0} ref={this.props.containerRef}>
return <div className="mx_TopLeftMenu" ref={this.props.containerRef}>
Copy link
Contributor

Choose a reason for hiding this comment

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

I guess tabIndex was removed on purpose here, to rather allow to navigate to elements inside the left panel?

Copy link
Member Author

@t3chguy t3chguy Oct 10, 2019

Choose a reason for hiding this comment

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

Yup, to the elements inside the Menu itself, focusing on the entire menu wasn't the most useful

@bwindels
Copy link
Contributor

ah, ryan already beat me to it :)

@t3chguy t3chguy merged commit dcc948f into develop Oct 10, 2019
@t3chguy t3chguy deleted the t3chguy/timeline_keyboard_focus branch April 27, 2020 18:00
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

3 participants