I want to offer Popover components in Ariakit that don't rely on Floating UI, allowing users to customize them with CSS anchor positioning (using a polyfill for browsers that lack support).
Comments
Log in with your Bluesky account to leave a comment
The easiest non-breaking solution is to add a prop that disables Floating UI internally, though it will remain part of the bundle.
In hindsight, coupling the positioning logic with the Popover component was a mistake. While it made the component more convenient, they really should've been separate.
We now have the option to separate them, but naming is hard, and I don't want to lose the familiar "Popover" name.
Alternatively, we could create a separate entry point, such as @ariakit/react/anchor, which exports everything under the same names, but without Floating UI.
Later, we could reintegrate that functionality back into the main entry point and deprecate the separate path, allowing for a smooth migration by simply updating the import statement.
Comments
Will change it to anchor once it gets more support though
In hindsight, coupling the positioning logic with the Popover component was a mistake. While it made the component more convenient, they really should've been separate.
Alternatively, we could create a separate entry point, such as @ariakit/react/anchor, which exports everything under the same names, but without Floating UI.