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.

Sign up for GitHub

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

Jump to bottom

TabView: Unable to select closable icon of tabs through keyboard #7437

Closed
akshayaqburst opened this issue Nov 20, 2024 · 0 comments · Fixed by #7438
Closed

TabView: Unable to select closable icon of tabs through keyboard #7437

akshayaqburst opened this issue Nov 20, 2024 · 0 comments · Fixed by #7438
Assignees
@akshayaqburst
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA
Milestone
10.9.0

Comments

@akshayaqburst
Copy link
Contributor

Describe the bug

TabView: Unable to select closable icon of tabs through keyboard

Reproducer

No response

System Information

System:
    OS: Linux 5.15 Ubuntu 20.04.6 LTS (Focal Fossa)
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz
    Memory: 4.57 GB / 7.47 GB
    Container: Yes
    Shell: 5.0.17 - /bin/bash
  Binaries:
    Node: 18.20.2 - ~/.nvm/versions/node/v18.20.2/bin/node
    Yarn: 1.22.22 - ~/.nvm/versions/node/v18.20.2/bin/yarn
    npm: 10.5.0 - ~/.nvm/versions/node/v18.20.2/bin/npm
    pnpm: 9.6.0 - ~/.nvm/versions/node/v18.20.2/bin/pnpm
  npmPackages:
    react: 18.3.1 => 18.3.1

Steps to reproduce the behavior

  1. Go to https://primereact.org/tabview/#closable
  2. Use right arrow key to navigate between Tabs.
  3. Close Icon is not getting focussed on right arrow key or tab press.

Expected behavior

The close icon should be focussable through keyboard navigation and user should be able to dismiss it.
@akshayaqburst akshayaqburst added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Nov 20, 2024
akshayaqburst pushed a commit to qburst/primereact_qb_41 that referenced this issue Nov 20, 2024
fix: primefaces#7437, TabView: Unable to select closable icon of tabs…
f73f795 
… through keyboard
@akshayaqburst akshayaqburst mentioned this issue Nov 20, 2024
Merged
akshayaqburst pushed a commit to qburst/primereact_qb_41 that referenced this issue Nov 20, 2024
fix: primefaces#7437, TabView: Unable to select closable icon of tabs…
98cc740 
… through keyboard
akshayaqburst pushed a commit to qburst/primereact_qb_41 that referenced this issue Nov 20, 2024
fix: primefaces#7437, TabView: Unable to select closable icon of tabs…
3a700dc 
… through keyboard
@melloware melloware added Component: Accessibility Issue or pull request is related to WCAG or ARIA and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Dec 2, 2024
@melloware melloware added this to the 10.8.6 milestone Dec 2, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@akshayaqburst akshayaqburst

Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA
Projects
None yet
Milestone
10.9.0
Development

Successfully merging a pull request may close this issue.

fix: #7437, TabView: Unable to select closable icon of tabs through keyboard qburst/primereact_qb_41
2 participants
@melloware @akshayaqburst