fix: cleanup correctly floating ui autoUpdate

ubermanu · Jun 2, 2023 · c23086b · c23086b
1 parent dd99c60
commit c23086b
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/routes/(docs)/component/tooltip/example/Help.svelte b/src/routes/(docs)/component/tooltip/example/Help.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { HelpCircle } from 'lucide-svelte'
   import { createTooltip } from '$lib'
-  import { onMount } from 'svelte'
+  import { onDestroy, onMount } from 'svelte'
   import { browser } from '$app/environment'
   import { computePosition, autoUpdate, type Placement } from '@floating-ui/dom'
 
@@ -13,14 +13,20 @@
   let floatingEl: HTMLElement
   let position = { x: 0, y: 0 }
 
+  let cleanup
+
   if (browser) {
     onMount(() => {
-      autoUpdate(referenceEl, floatingEl, () => {
+      cleanup = autoUpdate(referenceEl, floatingEl, () => {
         computePosition(referenceEl, floatingEl, { placement }).then(
           ({ x, y }) => (position = { x, y })
         )
       })
     })
+
+    onDestroy(() => {
+      cleanup?.()
+    })
   }
 </script>