ComboBox with a tree like structure

[antoniodesousa]

Hi everyone, I'm trying to build a ComboBox with a tree like structure that the user can select or expand the item in the popover. I have spent 2 days on this already and I'm starting to think that's impossible to accomplish. First, I tried to style the ListBox to look like a tree object and it did look good until I wanted to make the chevrons clickable... the problem is that the ListBoxItem catches all the clickable events so the chevron button never gets the click event. I tried to put the button outside the ListBoxItem but that just breaks the ComboBox. I tried to use the beta Tree Aria Component but apparently it's not compatible with the ComboBox. At least, I couldn't make it work together. I tried to create my own custom list component and everything was working as I wanted but I can't change/set the selected item to the ComboBox. It looks like it has the selected item but when I try submit the form it's just empty.

If anyone has an idea on how I can accomplish this, I would be really grateful. Thanks.