Will/Can there be an official Svelte port for Floating UI?

[Hugos68]

Svelte 5 is releasing stable soon and the maintainers have basically rewritten the reactivity model to use signals. The API is so simular I was able to port Floating UI's official Vue port easily to Svelte creating the following API:

<script>
	import { useFloating, autoUpdate, flip, offset } from '@hugos68/svelte-floating-ui';

	const floating = useFloating();

	function style(node, style) {
	   const update = (new_style) => Object.assign(node.style, new_style);
	   update(style);
	   return { update };
	}
</script>

<button use:floating.reference>Button</button>
<div use:floating.floating use:style={floating.floatingStyles}>Tooltip</div>

See it in action: REPL

The API is basically identical to Vue except that the DOM references are obtained slightly differently.

Github: https://github.com/Hugos68/svelte-floating-ui

This is to showcase how creating the Svelte wrapper will soon be quite trivial to do, hence my question:

Will/Can there be an official Svelte port for Floating UI?

[FezVrasta]

I'm not sure any of us maintainers have enough time or knowledge to maintain an official Svelte binding. I'm going to leave the final decision to @atomiks though.

[endigo9740]

Hi @FezVrasta just to provide some context here, Hugo and I work together on https://www.skeleton.dev/. I'm the creator and core maintainer for the project. The reason we're asking about Svelte support is because our library makes use for Floating UI for a number of popover elements, including: dropdown menus, tooltips, etc.

I wrote a simple Svelte Action wrapper for basic Floating UI support in our previous versions of Skeleton, which we detail here. This was intentionally limited to provide ease of use, but of course our community is demanding a lot more!

We love Floating UI's React hooks, so we were hoping for something in the same ballpark for Svelte. Given what you mentioned above, we're considering taking this on ourselves as part of the next major version of Skeleton. We'll likely follow the hook model, per Hugo's suggestion in his post above.

Obviously we don't want to be a burden, but if you and your team are open to any form of collaboration, we would be down for that. We'll likely provide this as an open source package outside of Skeleton so anyone in the Svelte community can benefit. If you're open to chatting about this please let me know and we can setup a time to meet and discuss further.

All that aside, we're all huge fans of Floating UI, so thanks for all the hard work! 👍

[endigo9740]

@FezVrasta just FYI, we're putting out this announcement tomorrow regarding our current progress and plans for a "Floating UI Svelte" - a dedicated Svelte 5 port of the Floating UI React package:

skeletonlabs/floating-ui-svelte#50

Again, if you're interested in working together, our door is always open!