Page MenuHomePhorge
Files F140594

No OneTemporary
Actions

Size
3 KB
Referenced Files
None
Subscribers
None

View Options

diff --git a/src/components/popover/popover.js b/src/components/popover/popover.js
index 6b49cf68..24206810 100644
--- a/src/components/popover/popover.js
+++ b/src/components/popover/popover.js
@@ -275,6 +275,11 @@ const Popover = {
this.scrollable.removeEventListener('scroll', this.onScroll)
this.scrollable.removeEventListener('resize', this.onResize)
},
+ resizePopover () {
+ setTimeout(() => {
+ this.updateStyles()
+ }, 1)
+ },
onMouseenter (e) {
if (this.trigger === 'hover') {
this.lockReEntry = false
@@ -323,7 +328,12 @@ const Popover = {
this.updateStyles()
},
onResize (e) {
- this.updateStyles()
+ const content = this.$refs.content
+ if (!content) return
+ if (this.oldSize.width !== content.offsetWidth || this.oldSize.height !== content.offsetHeight) {
+ this.updateStyles()
+ this.oldSize = { width: content.offsetWidth, height: content.offsetHeight }
+ }
},
onChildPopoverState (childRef, state) {
if (state) {
@@ -337,12 +347,7 @@ const Popover = {
// Monitor changes to content size, update styles only when content sizes have changed,
// that should be the only time we need to move the popover box if we don't care about scroll
// or resize
- const content = this.$refs.content
- if (!content) return
- if (this.oldSize.width !== content.offsetWidth || this.oldSize.height !== content.offsetHeight) {
- this.updateStyles()
- this.oldSize = { width: content.offsetWidth, height: content.offsetHeight }
- }
+ this.onResize()
},
mounted () {
this.teleport = true
diff --git a/src/components/popover/popover.vue b/src/components/popover/popover.vue
index 33817fa6..f91abc3f 100644
--- a/src/components/popover/popover.vue
+++ b/src/components/popover/popover.vue
@@ -33,6 +33,7 @@
name="content"
class="popover-inner"
:close="hidePopover"
+ :resize="resizePopover"
/>
</div>
</transition>
diff --git a/src/components/status_action_buttons/status_action_buttons.vue b/src/components/status_action_buttons/status_action_buttons.vue
index 62e1745d..4ee11f4b 100644
--- a/src/components/status_action_buttons/status_action_buttons.vue
+++ b/src/components/status_action_buttons/status_action_buttons.vue
@@ -41,7 +41,6 @@
:tabindex="0"
placement="top"
:offset="{ y: 5 }"
- :bound-to="{ x: 'container' }"
remove-padding
@show="onShow"
@close="onClose"
@@ -52,7 +51,7 @@
icon="ellipsis-h"
/>
</template>
- <template #content="{close}">
+ <template #content="{close, resize}">
<div
:id="`popup-menu-${randomSeed}`"
class="dropdown-menu extra-action-buttons"
@@ -63,7 +62,7 @@
class="main-button"
role="menuitem"
:tabindex="0"
- @click.stop="showPin = !showPin"
+ @click.stop="() => { resize(); showPin = !showPin }"
>
<FAIcon
class="fa-scale-110"

File Metadata

Mime Type
text/x-diff
Expires
Mon, Jan 20, 11:45 AM (1 d, 7 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
55572
Default Alt Text
(3 KB)

Event Timeline