Skip to content
This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Issue 618 - Keyboard navigation in sparsely readonly table#620

Merged
Marc-Andre-Rivet merged 5 commits intodevfrom
618-keyboard-navigation
Oct 9, 2019
Merged

Issue 618 - Keyboard navigation in sparsely readonly table#620
Marc-Andre-Rivet merged 5 commits intodevfrom
618-keyboard-navigation

Conversation

@Marc-Andre-Rivet
Copy link
Copy Markdown
Contributor

@chriddyp chriddyp temporarily deployed to dash-table-review-pr-620 October 9, 2019 00:42 Inactive
@chriddyp chriddyp temporarily deployed to dash-table-review-pr-620 October 9, 2019 01:01 Inactive
return (<div
ref='el'
className={className}
tabIndex={-1}
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

this makes the element focusable

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

neat, I didn't know about that
https://webaim.org/techniques/keyboard/tabindex

A tabindex="-1" value removes the element from the default navigation flow and also allows it to receive programmatic focus.

Seems like the right call (as opposed to 0, keeping it in the tab "navigation flow")

{
"name": "dash-table",
"version": "4.3.0",
"version": "4.4.0",
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

🙈

Copy link
Copy Markdown
Collaborator

@alexcjohnson alexcjohnson left a comment

Choose a reason for hiding this comment

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

Looks great! 💃

@Marc-Andre-Rivet Marc-Andre-Rivet merged commit 593f2c3 into dev Oct 9, 2019
@Marc-Andre-Rivet Marc-Andre-Rivet deleted the 618-keyboard-navigation branch October 9, 2019 02:21
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Can't navigate with keyboard through non-editable cells

3 participants