@onereach/ui-components 2.74.10 → 2.74.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.74.10",
+  "version": "2.74.11",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -125,5 +125,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "1f1852e105aaa4766853920c0b3686e9a3cacab3"
+  "gitHead": "6fb0cd6917d0c144dbfda7392bc669cb79e37b4e"
 }

package/src/components/or-popover-v3/OrPopover.vue

@@ -1,31 +1,36 @@
 <template>
-  <OrTeleport v-if="state !== 'closed'">
-    <template v-if="isDesktop && variant === 'auto' || variant === 'popover'">
-      <div
-        ref="root"
-        v-bind="$attrs"
-        :class="rootStyles"
-      >
-        <template v-if="disableDefaultStyles">
-          <slot />
-        </template>
-
-        <template v-else>
-          <div :class="bodyStyles">
+  <OrTeleport>
+    <div
+      v-show="isOpen"
+      :class="['contents']"
+    >
+      <template v-if="isDesktop && variant === 'auto' || variant === 'popover'">
+        <div
+          ref="root"
+          v-bind="$attrs"
+          :class="rootStyles"
+        >
+          <template v-if="disableDefaultStyles">
             <slot />
-          </div>
-        </template>
-      </div>
-    </template>
-
-    <template v-if="isMobile && variant === 'auto' || variant === 'bottom-sheet'">
-      <OrBottomSheet
-        ref="bottomSheet"
-        @update:state="handleBottomSheetState"
-      >
-        <slot />
-      </OrBottomSheet>
-    </template>
+          </template>
+
+          <template v-else>
+            <div :class="bodyStyles">
+              <slot />
+            </div>
+          </template>
+        </div>
+      </template>
+
+      <template v-if="isMobile && variant === 'auto' || variant === 'bottom-sheet'">
+        <OrBottomSheet
+          ref="bottomSheet"
+          @update:state="handleBottomSheetState"
+        >
+          <slot />
+        </OrBottomSheet>
+      </template>
+    </div>
   </OrTeleport>
 </template>