new

Author: huntabyte

packages/floating-ui-svelte/src/hooks/use-list-navigation.svelte.ts

@@ -472,6 +472,7 @@ class ListNavigationState {
 	}
 
 	#onNavigate = () => {
+		console.log("calling on navigate");
 		this.opts.onNavigate?.(this.#index === -1 ? null : this.#index);
 	};
 

packages/floating-ui-svelte/test/visual/components/new/main.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { useFloating } from "../../../../src/index.js";
+
+	const f = useFloating();
+</script>
+
+<h1 class="text-5xl font-bold mb-8">New</h1>
+<div
+	class="grid place-items-center border border-slate-400 rounded lg:w-[40rem] h-[20rem] mb-4">
+	<div bind:this={f.reference}>Reference</div>
+	<div bind:this={f.floating} style={f.floatingStyles}>Floating</div>
+</div>

packages/floating-ui-svelte/test/visual/routes/new/+page.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+	import Main from "../../components/new/main.svelte";
+</script>
+
+<Main />