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

[react-ui] FocusGrid -> ReactFocusTable + tweaks and fixes #16806

Merged
merged 2 commits into from
Sep 17, 2019

Conversation

trueadm
Copy link
Contributor

@trueadm trueadm commented Sep 17, 2019

This PR is the continuation of work for the experimental React Accessibility components. Notably, this PR changes:

  • Rename FocusGrid -> ReactFocusTable to better reflect that it handles keyboard interactions (arrow keys) with layout matching that of a static table.
  • Adds support for getting the props from a scope.
  • Fixes a bunch of Flow issues
  • Adds a onNavigateOut prop that can be used on FocusTables to control the behavior when a user keyboard interactions out of a table's bounds. The callback provides the direction and a helper method to select another table of the same type.

@sizebot
Copy link

sizebot commented Sep 17, 2019

No significant bundle size changes to report.

Generated by 🚫 dangerJS against 8b9d845

@necolas
Copy link
Contributor

necolas commented Sep 17, 2019

I think "navigate" implies a change of screen and url, rather than focus exiting the component

@trueadm
Copy link
Contributor Author

trueadm commented Sep 17, 2019

@necolas Agreed, I'll change the summary of the PR to reflect.

@trueadm trueadm merged commit f40ceb0 into facebook:master Sep 17, 2019
@trueadm trueadm deleted the focus-columns branch September 17, 2019 17:22
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.

4 participants