aria-labelledby in select referring to both label, and selected value elements

[alirezamirian]

Not sure if it's an expected behaviour or not, but the select is specified as labelled by both the label element and the value element:

It's causing issues when selecting a react-aria-powered select element with playwright's role selector (page.getByRole('button', { name: 'the label' })). Maybe it's a bug in playwright's selector, and not sure if multiple aria-labelledby is allowed. But in any case, it seems a little weird to label the select by the selected value. Perhaps it was done so to have the select labeled by the placeholder value, which still can be questionable.
If it's not by design, I can open an issue (and maybe PR) to fix it.

[LFDanLu]

The reason we have multiple values in this aria-labelledby here is to ensure screen readers announce both the label of the select and the current selected value. Without the id of the span, the title of the select is the only thing that would be announced upon tabbing to the select, and the user would have to open the drop down to focus the selected option to hear it announced.

[snowystinger]

You could probably make use of the Playwright regex matching for names. See the example in the link you shared: role=button[name=/Click( me)?/]

[alirezamirian]

Using regex actually worked. Thanks.