search

svelteuidev / svelteui

SvelteUI Monorepo
https://svelteui.dev
MIT License
1.26k stars 62 forks source link

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

Open swip3798 opened 9 months ago

swip3798 commented 9 months ago

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

TMuthu commented 9 months ago

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