experimental disjointed popups

2022-05-20 00:56:23 +03:00 · 2022-05-20 00:56:23 +03:00 · fd831a27f4
commit fd831a27f4
parent c83657a072
4 changed files with 26 additions and 14 deletions
--- a/src/components/popover/popover.vue
+++ b/src/components/popover/popover.vue
@ -11,19 +11,21 @@
    >
      <slot name="trigger" />
    </button>
-    <div
-      v-if="!hidden"
-      ref="content"
-      :style="styles"
-      class="popover"
-      :class="popoverClass || 'popover-default'"
-    >
-      <slot
-        name="content"
-        class="popover-inner"
-        :close="hidePopover"
-      />
-    </div>
+    <teleport to="#popovers">
+      <div
+        v-if="!hidden"
+        ref="content"
+        :style="styles"
+        class="popover"
+        :class="popoverClass || 'popover-default'"
+      >
+        <slot
+          name="content"
+          class="popover-inner"
+          :close="hidePopover"
+        />
+      </div>
+    </teleport>
  </div>
 </template>