From 296afd30f82268977248ae406d8cc945ad8b0669 Mon Sep 17 00:00:00 2001
From: Rene <king-sora@hotmail.de>
Date: Wed, 13 Jan 2021 17:47:04 +0100
Subject: [PATCH] dom observer additions

---
 .../overlayscrollbars/src/observers/domObserver.ts |  4 +++-
 .../puppeteer/observers/domObserver/index.html     | 14 +++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/overlayscrollbars/src/observers/domObserver.ts b/packages/overlayscrollbars/src/observers/domObserver.ts
index 5f971de..bc76fc2 100644
--- a/packages/overlayscrollbars/src/observers/domObserver.ts
+++ b/packages/overlayscrollbars/src/observers/domObserver.ts
@@ -132,7 +132,9 @@ export const createDOMObserver = (
       isConnected = false;
     },
     _update: () => {
-      observerCallback(mutationObserver.takeRecords());
+      if (isConnected) {
+        observerCallback(mutationObserver.takeRecords());
+      }
     },
   };
 };
diff --git a/packages/overlayscrollbars/tests/puppeteer/observers/domObserver/index.html b/packages/overlayscrollbars/tests/puppeteer/observers/domObserver/index.html
index c398ebe..259774c 100644
--- a/packages/overlayscrollbars/tests/puppeteer/observers/domObserver/index.html
+++ b/packages/overlayscrollbars/tests/puppeteer/observers/domObserver/index.html
@@ -113,16 +113,16 @@
             </div>
             <div id="content-host" class="host">
               <div class="host-nest">
-                <div class="host-nest-item">
-                  <details>
-                    <summary id="summary-between">Won't trigger DOM Change</summary>
-                    <p>DOM Content Change shouldn't be triggered</p>
-                  </details>
-                </div>
+                <div class="host-nest-item"></div>
               </div>
               <div class="padding">
                 <div class="padding-nest">
-                  <div class="padding-nest-item"></div>
+                  <div class="padding-nest-item">
+                    <details>
+                      <summary id="summary-between">Won't trigger DOM Change</summary>
+                      <p>DOM Content Change shouldn't be triggered</p>
+                    </details>
+                  </div>
                 </div>
                 <div class="viewport">
                   <div class="viewport-nest">