Add logs to test performance

primer · Aug 14, 2024 · b33926f · b33926f
1 parent 6a888bf
commit b33926f
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/focus-trap.ts b/src/focus-trap.ts
@@ -31,18 +31,28 @@ function followSignal(signal: AbortSignal): AbortController {
 }
 
 function observeFocusTrap(container: HTMLElement, sentinels: HTMLElement[]) {
+  console.log('Observe Focus Trap Init')
   const observer = new MutationObserver(mutations => {
+    console.log('New mutation')
     for (const mutation of mutations) {
+      console.log('Mutations:', mutations)
       if (mutation.type === 'childList' && mutation.addedNodes.length) {
+        console.log('ChildList Mutation')
         // If the first and last children of container aren't sentinels, move them to the start and end
         const firstChild = container.firstElementChild
         const lastChild = container.lastElementChild
 
         const [sentinelStart, sentinelEnd] = sentinels
 
         // Adds back sentinel to correct position in the DOM
-        if (!firstChild?.classList.contains('sentinel')) container.insertAdjacentElement('afterbegin', sentinelStart)
-        if (!lastChild?.classList.contains('sentinel')) container.insertAdjacentElement('beforeend', sentinelEnd)
+        if (!firstChild?.classList.contains('sentinel')) {
+          container.insertAdjacentElement('afterbegin', sentinelStart)
+          console.log('Adjust sentinel to start')
+        }
+        if (!lastChild?.classList.contains('sentinel')) {
+          container.insertAdjacentElement('beforeend', sentinelEnd)
+          console.log('Adjust sentinel to end')
+        }
       }
     }
   })