Horizontal / cross axis flipping for popovers

[OliverJAsh]

Provide a general summary of the feature here

Popovers already support flipping the vertical placement. Should they also support flipping the horizontal placement aka cross axis? That would avoid awkward looking popovers such as this:

Reduced test case: https://stackblitz.com/edit/vitejs-vite-7ahmt11q?file=src%2Fmain.css,src%2FApp.tsx&terminal=dev

I believe Floating UI has this behaviour: https://floating-ui.com/docs/flip#crossaxis

🤔 Expected Behavior?

See above.

😯 Current Behavior

See above.

💁 Possible Solution

See above.

🔦 Context

See above.

💻 Examples

No response

🧢 Your Company/Team

Unsplash

🕷 Tracking Issue

No response

[devongovett]

Seems like a reasonable feature to support. Though to be totally honest, we're hoping not to do too much work on our overlay positioning code and instead move to native CSS anchor positioning in the future.