Tab index bug on listboxes in vue

[samuelreichor]

Hi guys
I just tried Headless UI, and wanted to have an accessibility listbox that I can freely style. The styling works super elegant. Unfortunately, when I use the listbox with the keyboard, the tab focus does not work as it should. If I expand the listbox with the Enter key and press Tab, the whole ul element gets the focus, because in my opinion the Tab index was set incorrectly. (ul currently has tabindex 0 and the li have tabindex -1).

Would be cool if this somehow works out of the box.

Bildschirmaufnahme.2023-07-04.um.08.52.54.mov