Floating UI instead of Popper

[bjarnef]

Currently it seems the UI library has a dependency on Popper.js which has been a popular tool for positioning tooltips, dropdowns etc.

I noticed Shoelace library is using Floating UI states it's an evolution of Popper:
https://floating-ui.com/docs/motivation#comparison-with-popper-style-api

Popper is currently the most popular open source solution to position floating elements, created in 2016. Prior to that it was Tether.

Floating UI is the evolution of Popper v2, and aims to be a lower-level solution similar to CSS in which you progressively add properties to achieve desired positioning behavior.

[bjarnef]

@iOvergaard @nielslyngsoe something to consider. In case we want to use Floating UI instead, but probably not in v1 of UI library, here's a migration guide: https://floating-ui.com/docs/migration

[bjarnef]

@iOvergaard should we consider using Floating UI as replacement of Popper? Not sure how much UI library depends on Popper, but it seems it has some benefits https://floating-ui.com/docs/motivation

[iOvergaard]

Looks like a decent enough library to use. And looks like it's easier to handle edge cases with its programmatic approach to positioning. I would think we could make good use of it for the next version of UUI, so will definitely keep it on our radar.

[madsrasmussen]

There is a native popover API in the making. It might be worth looking into: https://developer.chrome.com/docs/web-platform/popover-api/