You Might Not Need Floating UI (soon)
GitHub →Learn the CSS Anchor Positioning API through side-by-side comparisons with Floating UI.
Anchor positioning
Limited availability
Supported in Chrome: no.
Supported in Edge: no.
Supported in Firefox: no.
Supported in Safari: no.
Supported in Edge: no.
Supported in Firefox: no.
Supported in Safari: no.
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Places your floating element relative to another element.
Places your floating element relative to another element.
Shifts your floating element to keep it in view.
Shifts your floating element to keep it in view.
Only works on Chrome Canary v145
Changes the placement of your floating element to keep it in view.
Changes the placement of your floating element to keep it in view.
Only works on Chrome v143
Changes the size of your floating element to keep it in view.
Changes the size of your floating element to keep it in view.
Only works on Chrome Canary v145
Dynamically positions an arrow element that is center-aware.
Dynamically positions an arrow element that is center-aware.
Anchor relative to any coordinates, such as your mouse cursor.
Anchor relative to any coordinates, such as your mouse cursor.
Only works on Chrome Canary v145