Are inputs not allowed in GridListItem?

[devlzcode]

The behavior of the selection being toggled on press despite it being on an input element (while the button works as expected) is very annoying but if this is intended then w/e. Surely this question has been asked before but I couldn't find it anywhere.
Code sandbox: https://codesandbox.io/p/sandbox/react-aria-address-autocomplete-forked-7pntr8

[snowystinger]

Hi, I think you linked the wrong codesandbox? I don't see a GridList in that one. If it's supposed to be a GridList in a Combobox, then that isn't supported. You could use an Autocomplete instead though.

Inputs themselves are partially supported in GridList. Interactive children is the reason for using a GridList over a ListBox, and we've recently begun working on what's called "Edit Mode" #2328. The first bit of work for this went out in our last release. This supports tabbing into cells.

[devlzcode]

oops, heres the actual one https://codesandbox.io/p/sandbox/react-aria-address-autocomplete-forked-7pntr8
but I think you answered my question enough? I've used that tabbing into cells but its still annoying that you can't not select an item if you're pressing an input

[snowystinger]

You can do that like this https://codesandbox.io/p/sandbox/rac-forked-q56xwp you weren't using the tab navigation I mentioned inside the cell. I've added the prop and the required stopPropagation.

Also, you're not really meant to use Input standalone, it's meant to be inside a component which will handle events on the input, and will stop propagation for the events it is handling. For example, if you used a TextField there, it should stop the events automatically.

We do have some events that are currently leaking and that is part of the work we're doing on this edit mode feature.