Skip to content

Rating Group tabindex issues with value={0}. #2891

@maxtotheguenther

Description

@maxtotheguenther

Hey,
first of all, amazing work with zag.js and ark-ui.
By far the best headless lib i used for solid.
Unfortunately I discovered an issue with the rating-group regarding focus (tab-index) states after leaving the rating-group on value={0}

🐛 Bug report

  1. After you leave (tab somewhere else) the rating group on value={0} every item gets tabindex={-1}. You cannot focus the items by keyboard. If you press the label the tabindex is correct.

💥 Steps to reproduce

  1. Go to ['...'](https://zagjs.com/components/react/rating-group)
  2. Tab to the rating group
  3. Leave the rating group with no star / value={0}
  4. You cannot focus it again

💻 Link to reproduction

https://zagjs.com/components/react/rating-group is the perfect sandbox.

🧐 Expected behavior

The Rating Group should be focusable / tab-able after leaving it on value={0}

🧭 Possible Solution

Sorry im lost in the state machine source.

🌍 System information

Software Version(s)
Zag Version latest
Browser chrome
Operating System macos

📝 Additional information


Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions