diff options
| author | Henry Jameson <me@hjkos.com> | 2022-05-20 00:56:23 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-05-20 00:56:23 +0300 |
| commit | fd831a27f4e9c6bcd5c40f3449d63546fba2560d (patch) | |
| tree | bc8762b6ad3e1d9cb73d94c12ba0543a52ba4a94 /src/components/popover/popover.vue | |
| parent | c83657a072dc0d6e77a9c866147094099fb5dc24 (diff) | |
experimental disjointed popups
Diffstat (limited to 'src/components/popover/popover.vue')
| -rw-r--r-- | src/components/popover/popover.vue | 28 |
1 files changed, 15 insertions, 13 deletions
diff --git a/src/components/popover/popover.vue b/src/components/popover/popover.vue index c2a3e801..8f6ef2e6 100644 --- 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> |