Skip to content

Incorrect aria-posinset for Pickers with Sections #9556

@tomsontom

Description

@tomsontom

Provide a general summary of the issue here

Looking at https://react-spectrum.adobe.com/Picker#sections the first element in the popup (Chocolate) has an aria-posinset of 2 although it is the first option.

Image

🤔 Expected Behavior?

One would expect that

  • the Choclate in Neopolitan flavors group has aria-posinset=1
  • the Matcha in the Others group has aria-posinset=4 because the aria-setsize is 6, if posinset should restart in each section the aria-setsize should be 3 and not 6

I looked at my Spectrum v1 app and there the pos computation is correct so this looks like a regression in v2

😯 Current Behavior

Numbering starts with 2 and restarts in each group which does not match with the aria-setsize

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

Open the sample at https://react-spectrum.adobe.com/Picker#sections and inspect the DOM once you opened the Picker

Version

v1.0.0 (or what is used on the docs page)

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

OS-X

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    ✏️ To Groom

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions