fix: fix flicker on action-bar

0x2E · May 24, 2024 · caca47e · caca47e
1 parent 63a272e
commit caca47e
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/frontend/src/routes/items/+page.svelte b/frontend/src/routes/items/+page.svelte
@@ -65,11 +65,14 @@
 
 	let fixActionbar = true;
 	onMount(() => {
-		const observer = new IntersectionObserver((entries) => {
-			entries.forEach((entry) => {
-				fixActionbar = !entry.isIntersecting;
-			});
-		});
+		const observer = new IntersectionObserver(
+			(entries) => {
+				entries.forEach((entry) => {
+					fixActionbar = !entry.isIntersecting;
+				});
+			},
+			{ threshold: 1 }
+		);
 		observer.observe(document.querySelector('#actionbar-anchor')!);
 	});
 </script>
@@ -90,6 +93,6 @@
 	<Separator class="my-4" />
 	<p class="text-muted-foreground text-center mb-4">End of Content</p>
 
-	<ItemActionFloating bind:data bind:fixed={fixActionbar} />
 	<div id="actionbar-anchor"></div>
+	<ItemActionFloating {data} fixed={fixActionbar} />
 </div>