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

[Tabs] Fix keyboard traversal over disabled tabs #26061

Merged
merged 6 commits into from
Apr 30, 2021

Conversation

anish-khanna
Copy link
Contributor

@anish-khanna anish-khanna commented Apr 29, 2021

@mui-pr-bot
Copy link

mui-pr-bot commented Apr 29, 2021

Details of bundle changes

@material-ui/core: parsed: +0.07% , gzip: +0.10%
@material-ui/lab: parsed: +0.09% , gzip: +0.19%

Generated by 🚫 dangerJS against 400b75d

@oliviertassinari oliviertassinari added accessibility a11y component: tabs This is the name of the generic UI component, not the React module! labels Apr 29, 2021
packages/material-ui/src/Tabs/Tabs.js Outdated Show resolved Hide resolved
@oliviertassinari oliviertassinari changed the title [Tabs] Moves focus over disabled tabs with keys [Tabs] Fix keyboard traversal over disabled tabs Apr 29, 2021
packages/material-ui/src/Tabs/Tabs.js Outdated Show resolved Hide resolved
@oliviertassinari
Copy link
Member

oliviertassinari commented Apr 30, 2021

Now that we have almost (the autocomplete supports nested focusable DOM structure, so it's different) 3 times the same logic in the codebase, we could consider abstracting it once we hit a 4th time.

Copy link
Member

@eps1lon eps1lon left a comment

Choose a reason for hiding this comment

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

Nice 👍

@oliviertassinari oliviertassinari merged commit a6faa07 into mui:next Apr 30, 2021
@oliviertassinari
Copy link
Member

@anish-khanna Great job, it went smooth.

@anish-khanna anish-khanna deleted the all-keys branch April 30, 2021 23:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility a11y component: tabs This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Tabs] When a Tab is disabled, keyboard traversal is stuck
4 participants