Skip to content

Chip: Removable chip lost the tabindex making it unfocusable with tab #8186

@benoitkopp

Description

@benoitkopp

Describe the bug

Hello,

I'm using removable chips, and I figured out that the svg remove icon has aria-hidden="true" attribute and does not have the tabindex attribute, which makes it impossible to focus with the tab key.

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/run?file=src%2FApp.vue

Environment

Vue 3.5.22
PrimieVue 4.4.1
Node 22.18.0

Vue version

3.5.22

PrimeVue version

4.4.1

Node version

22.18.0

Browser(s)

No response

Steps to reproduce the behavior

  1. Display a removable chip
  2. Press on tab key
  3. See that the removable icon is not focused

Expected behavior

The remove icon should be focusable with tab key

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions