fix: rework raq hack to fix instantiation not happening if element hi…

…dden (fix #406)
Grsmto · Nov 13, 2019 · c73be96 · c73be96
1 parent 1b55116
commit c73be96
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/simplebar/src/simplebar.js b/packages/simplebar/src/simplebar.js
@@ -293,17 +293,20 @@ export default class SimpleBar {
     window.addEventListener('resize', this.onWindowResize);
 
     // Hack for https://github.com/WICG/ResizeObserver/issues/38
-    let ignoredCallbacks = 0;
+    let resizeObserverStarted = false;
 
     this.resizeObserver = new ResizeObserver(() => {
-      ignoredCallbacks++;
-      if (ignoredCallbacks === 1) return;
+      if (!resizeObserverStarted) return;
       this.recalculate();
     });
 
     this.resizeObserver.observe(this.el);
     this.resizeObserver.observe(this.contentEl);
 
+    window.requestAnimationFrame(() => {
+      resizeObserverStarted = true;
+    });
+
     // This is required to detect horizontal scroll. Vertical scroll only needs the resizeObserver.
     this.mutationObserver = new MutationObserver(this.recalculate);