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

Disabled tabs can still be accessed using left and right keys #460

Open
swip3798 opened this issue Sep 18, 2023 · 1 comment · May be fixed by #469
Open

Disabled tabs can still be accessed using left and right keys #460

swip3798 opened this issue Sep 18, 2023 · 1 comment · May be fixed by #469
Labels
bug Something isn't working

Comments

@swip3798
Copy link

What package has an issue

@svelteuidev/core

A clear and concise description of what the bug is

When using the Tabs component, it is possible to select disabled tabs using the WAI-ARIA keyboard style. I'm not completely sure if this is intended, I would expect the keyboard controls to skip over disabled tabs. This behavior can also be observed on the svelteui.org website in the Tabs documentation.

If this is intended, is there a way to skip disabled tabs when using the arrow keys?

In which browser(s) did the problem occur?

Chrome

Steps To Reproduce

  1. Create a simple component and copy the Tab component props example code inside
  2. Open in Browser
  3. Select one of the not disabled tabs
  4. Use they arrow key to navigate to the disabled Tab
  5. The content of the disabled tab is visible

Do you know how to fix the issue

No

Are you willing to participate in fixing this issue and create a pull request with the fix

No

Relevant Assets

No response

@swip3798 swip3798 added the bug Something isn't working label Sep 18, 2023
@TMuthu
Copy link

TMuthu commented Sep 29, 2023

I would like to work on this issue. Please assign it to me.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
2 participants