Skip to content

Calendar (Accessibility issue): Calendar icon is not focused #8505

@danalt06

Description

@danalt06

Describe the bug

The calendar icon is not focusable when showIcon is enabled and you navigate using Tab.

Reproducible on the primereact documentation page: https://v9.primereact.org/calendar/

Reproducer

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

System Information

"primereact": "^10.9.7",
"react": "^18.2.0",

Steps to reproduce the behavior

  1. Set showIcon on the Calendar component
  2. Navigate via tab on the keyboard to the calendar
  3. The calendar icon is not focused

Expected behavior

When navigating to the Calendar, the calendar icon is focused

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