Why does the Popover have a minimum of left: 12px?

[heisand]

I am just wondering why the Popover from usePopover has a minimum of left: 12px? It at least seems that this is the minimum. When there is less than 12 px to the left of the Popover to the parent container, the list box in a ComboBox will be displaced relative to the input field (as you can see from screenshot 2 where I have modified the example and removed all the padding to the left).

Could there be some way to not use a minimum left value, and instead let the value decrease towards 0 with decreasing padding to the left (at least in combination with a useComboBox (or make it configurable))?

1.

2.

[snowystinger]

It's used by our Spectrum implementation, but that seems too opinionated for our hooks/RAC implementations. I think we could consider changing that.

[heisand]

It would be really great if that could be changed!

[reidbarber]

You can pass containerPadding: 0 to usePopover to override this. The RAC Popover also supports this prop.

https://react-spectrum.adobe.com/react-aria/usePopover.html#container-padding

https://react-spectrum.adobe.com/react-aria/Popover.html#container-padding

The default is 12px, but I'm not sure we want to change the default now since people may be relying on the default behavior.

[snowystinger]

o, good memory, I forgot about that. Yeah, we definitely wouldn't want to change the default we have.

[heisand]

Oh, thanks!