Add SelectAllTrigger Component to Combobox

[itomise]

We want to add a "Select All" option to the Combobox, but the current implementation has some issues. Using a regular Combobox.Item with a value like "select_all" causes it to be included in the form state, which is not desirable.

To address this, we rendered a select_all component outside the ark-ui components and used getItemProps to control it. However, when the option is focused and Enter is pressed, the value still gets added to the state. We believe this is related to the DOM selector logic in zag-js.

Would it be possible to add an official SelectAllTrigger component or share a recommended implementation for this use case? Thank you for your consideration!

2025-01-20.10.15.16.mov

similar discussions: #2193

[itomise]

We were originally trying to cancel the event on the item, but it turns out that simply canceling the input’s keydown event is sufficient. I'm sorry for the confusion, and thank you very much for your help!