fix: unobserve entry.target for once, not the current element prop

src/IntersectionObserver.svelte

@@ -63,7 +63,7 @@
               ),
             );
 
-            if (element && once) observer?.unobserve(element);
+            if (once) observer?.unobserve(_entry.target);
           }
         }
       },

tests/e2e/fixtures/OnceElementChangeFixture.svelte

@@ -0,0 +1,63 @@
+<script lang="ts">
+  import IntersectionObserver from "svelte-intersection-observer";
+
+  let element: null | HTMLDivElement = null;
+  let elementB: null | HTMLDivElement = null;
+  let intersecting = false;
+</script>
+
+<header class:intersecting>
+  {intersecting ? "Element is in view" : "Element is not in view"}
+  <button
+    data-testid="switch"
+    onclick={() => (element = elementB)}
+  >
+    Switch
+  </button>
+</header>
+
+<IntersectionObserver
+  {element}
+  bind:intersecting
+  once
+>
+  <div
+    data-testid="el-a"
+    bind:this={element}
+  >
+    A
+  </div>
+</IntersectionObserver>
+
+<div
+  data-testid="el-b"
+  bind:this={elementB}
+>
+  B
+</div>
+
+<style>
+  header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    padding: 1rem;
+    background-color: #e0f7f6;
+  }
+
+  [data-testid="el-a"] {
+    height: 38vh;
+    padding: 1rem;
+    background-color: #376462;
+    color: #fff;
+  }
+
+  [data-testid="el-b"] {
+    margin-top: calc(100vh + 1px);
+    height: 38vh;
+    padding: 1rem;
+    background-color: #2ecc71;
+    color: #fff;
+  }
+</style>

tests/unit/IntersectionObserver.test.ts

@@ -4,6 +4,7 @@ import BasicFixture from "../e2e/fixtures/BasicFixture.svelte";
 import EachBindingFixture from "../e2e/fixtures/EachBindingFixture.svelte";
 import ElementChangeFixture from "../e2e/fixtures/ElementChangeFixture.svelte";
 import ElementNullFixture from "../e2e/fixtures/ElementNullFixture.svelte";
+import OnceElementChangeFixture from "../e2e/fixtures/OnceElementChangeFixture.svelte";
 import OnceFixture from "../e2e/fixtures/OnceFixture.svelte";
 import RootFixture from "../e2e/fixtures/RootFixture.svelte";
 import RootMarginChangeFixture from "../e2e/fixtures/RootMarginChangeFixture.svelte";
@@ -80,6 +81,36 @@ describe("IntersectionObserver", () => {
     ).toContain("Intersect count: 1");
   });
 
+  test("once unobserves the entry's own target, not a stale element prop, when the element changes before delivery", () => {
+    const rendered = render(OnceElementChangeFixture);
+    cleanup = rendered.cleanup;
+    const elementA = rendered.target.querySelector('[data-testid="el-a"]');
+    const elementB = rendered.target.querySelector('[data-testid="el-b"]');
+    const switchButton = rendered.target.querySelector(
+      '[data-testid="switch"]',
+    );
+    if (
+      !elementA ||
+      !elementB ||
+      !(switchButton instanceof HTMLButtonElement)
+    ) {
+      throw new Error("fixture markup missing");
+    }
+
+    const observer = MockIntersectionObserver.last();
+    expect(observer.observedElements.has(elementA)).toBe(true);
+
+    switchButton.click();
+    flushSync();
+
+    flushSync(() =>
+      observer.trigger([{ target: elementA, isIntersecting: true }]),
+    );
+
+    expect(observer.observedElements.has(elementB)).toBe(true);
+    expect(observer.observedElements.has(elementA)).toBe(false);
+  });
+
   test("skip pauses and resumes observation without losing state", () => {
     const rendered = render(SkipFixture);
     cleanup = rendered.cleanup;