[Select][Accordion] `Select.Item` in `Accordion.Panel` is not clickable after `v1.4.0`

[xsjcTony]

Bug report

Current behavior (>=1.4.0)

Expected behavior (<1.4.0)

Reproducible example

Example of not working (^1.4.0): https://stackblitz.com/edit/vitejs-vite-mygxv7so?file=src%2FApp.tsx
Example of working (~1.3.0): https://stackblitz.com/edit/vitejs-vite-ske857uh?file=src%2FApp.tsx&terminal=dev

Base UI version

v1.4.0

Which browser are you using?

Chrome

Which OS are you using?

Mac OS

[atomiks]

This appears to be an invalid Select composition shape:

Select.List -> Accordion.Root -> Accordion.Panel -> Select.Item

That is unsupported for these reasons:

• Select/listbox expects a flat option model with coherent roving focus for AT to understand
• The accordion introduces extra interactive elements (Accordion.Trigger buttons) incompatible with a listbox
• Most importantly, keyboard-only interaction was already broken in the v1.3.0 repro, so this composition didn't work universally before v1.4.0 (it only happened to work for a pointer)

If the goal is grouped options, the accessible direction is grouped options within the listbox rather than an accordion without any collapsible button trigger. If the goal is collapsible interactive content, this needs a different primitive than Select, likely Popover.

[xsjcTony]

The goal is simply Accordion + Select, or in other words, grouped Select that should be toggleable like Accordion😂. I know it's hard to deal with keyboard interaction in that case, so probably I have to create my own simple Accordion-like component for that.