makeup · saiponnada · Aug 13, 2025 · Aug 12, 2025 · Aug 12, 2025
diff --git a/docs/core/makeup-keyboard-trap/index.min.js b/docs/core/makeup-keyboard-trap/index.min.js
diff --git a/docs/core/makeup-keyboard-trap/index.min.js.map b/docs/core/makeup-keyboard-trap/index.min.js.map
diff --git a/docs/core/makeup-modal/index.min.js b/docs/core/makeup-modal/index.min.js
diff --git a/docs/core/makeup-modal/index.min.js.map b/docs/core/makeup-modal/index.min.js.map
diff --git a/docs/ui/makeup-alert-dialog/index.min.js b/docs/ui/makeup-alert-dialog/index.min.js
diff --git a/docs/ui/makeup-alert-dialog/index.min.js.map b/docs/ui/makeup-alert-dialog/index.min.js.map
diff --git a/docs/ui/makeup-confirm-dialog/index.min.js b/docs/ui/makeup-confirm-dialog/index.min.js
diff --git a/docs/ui/makeup-confirm-dialog/index.min.js.map b/docs/ui/makeup-confirm-dialog/index.min.js.map
diff --git a/docs/ui/makeup-dialog-button/index.min.js b/docs/ui/makeup-dialog-button/index.min.js
diff --git a/docs/ui/makeup-dialog-button/index.min.js.map b/docs/ui/makeup-dialog-button/index.min.js.map
diff --git a/docs/ui/makeup-drawer-dialog/index.min.js b/docs/ui/makeup-drawer-dialog/index.min.js
diff --git a/docs/ui/makeup-drawer-dialog/index.min.js.map b/docs/ui/makeup-drawer-dialog/index.min.js.map
diff --git a/docs/ui/makeup-fullscreen-dialog/index.min.js b/docs/ui/makeup-fullscreen-dialog/index.min.js
diff --git a/docs/ui/makeup-fullscreen-dialog/index.min.js.map b/docs/ui/makeup-fullscreen-dialog/index.min.js.map
diff --git a/docs/ui/makeup-input-dialog/index.min.js b/docs/ui/makeup-input-dialog/index.min.js
diff --git a/docs/ui/makeup-input-dialog/index.min.js.map b/docs/ui/makeup-input-dialog/index.min.js.map
diff --git a/docs/ui/makeup-lightbox-dialog/index.min.js b/docs/ui/makeup-lightbox-dialog/index.min.js
diff --git a/docs/ui/makeup-lightbox-dialog/index.min.js.map b/docs/ui/makeup-lightbox-dialog/index.min.js.map
diff --git a/docs/ui/makeup-panel-dialog/index.min.js b/docs/ui/makeup-panel-dialog/index.min.js
diff --git a/docs/ui/makeup-panel-dialog/index.min.js.map b/docs/ui/makeup-panel-dialog/index.min.js.map
diff --git a/docs/ui/makeup-snackbar-dialog/index.min.js b/docs/ui/makeup-snackbar-dialog/index.min.js
diff --git a/docs/ui/makeup-snackbar-dialog/index.min.js.map b/docs/ui/makeup-snackbar-dialog/index.min.js.map
diff --git a/docs/ui/makeup-toast-dialog/index.min.js b/docs/ui/makeup-toast-dialog/index.min.js
diff --git a/docs/ui/makeup-toast-dialog/index.min.js.map b/docs/ui/makeup-toast-dialog/index.min.js.map
diff --git a/packages/core/makeup-keyboard-trap/dist/cjs/index.js b/packages/core/makeup-keyboard-trap/dist/cjs/index.js
@@ -18,6 +18,7 @@ let innerTrapBefore;
 let innerTrapAfter;
 let outerTrapAfter;
 let botTrap;
+let _observer = new MutationObserver(refresh);
 
 // for the first and last focusable element inside the trap
 let firstFocusableElement;
@@ -64,6 +65,7 @@ function untrap() {
       bubbles: true
     }));
     trappedEl = null;
+    _observer.disconnect();
   }
   return trappedEl;
 }
@@ -97,6 +99,10 @@ function trap(el) {
     bubbles: true
   }));
   trappedEl.classList.add("keyboard-trap--active");
+  _observer.observe(el, {
+    childList: true,
+    subtree: true
+  });
   return trappedEl;
 }
 function refresh() {

diff --git a/packages/core/makeup-keyboard-trap/dist/mjs/index.js b/packages/core/makeup-keyboard-trap/dist/mjs/index.js
@@ -6,6 +6,7 @@ let innerTrapBefore;
 let innerTrapAfter;
 let outerTrapAfter;
 let botTrap;
+let _observer = new MutationObserver(refresh);
 let firstFocusableElement;
 let lastFocusableElement;
 function createTrapBoundary() {
@@ -46,6 +47,7 @@ function untrap() {
     trappedEl.classList.remove("keyboard-trap--active");
     trappedEl.dispatchEvent(new CustomEvent("keyboardUntrap", { bubbles: true }));
     trappedEl = null;
+    _observer.disconnect();
   }
   return trappedEl;
 }
@@ -72,6 +74,10 @@ function trap(el) {
   body.appendChild(botTrap);
   trappedEl.dispatchEvent(new CustomEvent("keyboardTrap", { bubbles: true }));
   trappedEl.classList.add("keyboard-trap--active");
+  _observer.observe(el, {
+    childList: true,
+    subtree: true
+  });
   return trappedEl;
 }
 function refresh() {