fix: 🐛 several intersection events on the same tick

ngneat · Nov 21, 2020 · 6eab305 · 6eab305
1 parent 6f476b2
commit 6eab305
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/projects/ngneat/helipopper/src/lib/utils.ts b/projects/ngneat/helipopper/src/lib/utils.ts
@@ -25,7 +25,9 @@ export function inView(
       return;
     }
 
-    const observer = new IntersectionObserver(([entry]) => {
+    const observer = new IntersectionObserver(entries => {
+      // Several changes may occur in the same tick, we want to check the latest entry state.
+      const entry = last(entries);
       if (entry.isIntersecting) {
         subscriber.next();
         subscriber.complete();
@@ -192,3 +194,7 @@ export class TemplatePortal {
     this.viewRef.destroy();
   }
 }
+
+function last<T>(arr: T[]): T {
+  return arr[arr.length - 1];
+}