@teammodlr/ui-kit 3.0.0-beta.19 → 3.0.0-beta.20

package/package.json

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

package/src/components/dialog/Dialog.vue

@@ -17,9 +17,9 @@
                     :disable-outside-pointer-events="modal"
                     @open-auto-focus="handleOpenAutoFocus"
                     @escape-key-down="handleEscapeKeyDown"
-                    @pointer-down-outside.prevent
-                    @focus-outside="handleFocusOutside"
-                    @interact-outside.prevent
+                    @pointer-down-outside="handleOutsideEvent"
+                    @focus-outside="handleOutsideEvent"
+                    @interact-outside="handleOutsideEvent"
                 >
                     <FocusScope :trapped="activeFocusTrap" :loop="activeFocusTrap">
                         <slot v-if="$slots.container" name="container" :close="close"></slot>
@@ -247,12 +247,10 @@ export default defineComponent({
             zIndex.value = nextZIndex();
         }
 
-        function handleFocusOutside(event: Event) {
-            if (!activeFocusTrap.value) {
-                return;
+        function handleOutsideEvent(event: Event) {
+            if (activeFocusTrap.value) {
+                event.preventDefault();
             }
-
-            event.preventDefault();
         }
 
         function handleOpenAutoFocus(event: Event) {
@@ -383,7 +381,7 @@ export default defineComponent({
             onEnter,
             handleOpenChange,
             handleOpenAutoFocus,
-            handleFocusOutside,
+            handleOutsideEvent,
             isOpen: computed(() => props.open),
             activeFocusTrap,
         };