@teammodlr/ui-kit 3.0.0-beta.21 → 3.0.0-beta.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teammodlr/ui-kit",
-  "version": "3.0.0-beta.21",
+  "version": "3.0.0-beta.22",
   "description": "",
   "main": "lib/index.cjs.js",
   "module": "lib/index.es.js",

package/src/components/dialog/Dialog.vue

@@ -65,7 +65,6 @@ import {
 import {
     computed,
     defineComponent,
-    onUnmounted,
     provide,
     ref,
     shallowRef,
@@ -140,17 +139,6 @@ export default defineComponent({
         const focusTrapOverride = ref<boolean | null>(null);
         const activeFocusTrap = computed(() => focusTrapOverride.value ?? props.focusTrap);
 
-        // reka-ui's FocusScope captures `trapped` at mount time and never re-checks it.
-        // We register this listener before FocusScope mounts (children mount after parent setup)
-        // so it fires first and blocks reka-ui's listener from stealing focus when trap is off.
-        const focusTrapBlocker = (event: FocusEvent) => {
-            if (!activeFocusTrap.value) {
-                event.stopImmediatePropagation();
-            }
-        };
-        document.addEventListener('focusin', focusTrapBlocker, true);
-        onUnmounted(() => document.removeEventListener('focusin', focusTrapBlocker, true));
-
         const isDragging = ref<boolean>(false);
 
         function resolveElement(
@@ -365,6 +353,14 @@ export default defineComponent({
 
         function setFocusTrap(value: boolean) {
             focusTrapOverride.value = value;
+            const el = dialogElement.value;
+            if (el) {
+                if (value) {
+                    el.removeAttribute('inert');
+                } else {
+                    el.setAttribute('inert', '');
+                }
+            }
         }
 
         expose({