Skip to content

Select: Select is not clearable with keyboard #18983

@vincyrose1970

Description

@vincyrose1970

Describe the bug

When using a Select-component with showClear set to true, it is possible to clear the select by clicking the clear button. However, the clear button is not accessible with the keyboard. This means that keyboard-only users are not able to clear the select.

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://primeng.org/select#clearicon

Environment

The bug can be reproduced in any environment, so it is not relevant here.

Its reproducable within your environment. #

Angular version

19.x.x

PrimeNG version

v20

Node version

22.x.x

Browser(s)

No response

Steps to reproduce the behavior

  1. Go to https://primeng.org/select#clearicon or Add a Select with the showClear property set to true.
  2. Select a value in the Select.
  3. Try to clear the value using the keyboard.
  4. It is not possible to focus the clear button with the keyboard or to clear the select in any other way.

Expected behavior

It is possible to focus the clear button with the keyboard so that keyboard users get the same experience as mouse users.

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