floating-vue

floating-vue copied to clipboard

I noticed an error that makes the tooltip to blink when it's open and Vue re-renders.

<TeTooltip :open="isOpen" :auto-hide="false" trigger="manual" offset="16" placement="bottom"> <button class="btn" @click="onClick"> <i class="icon-gear"></i> </button> <MyComponent slot="popover" :someData="someData"/> </TeTooltip>

Here it's my tooltip. isOpen changes when clicking on the button, and it's the only place where the value changes.

If I let the tooltip open, and then I switch to a different tab (Opening a new one in Chrome, for example), the tooltip will start blinking for a few seconds before stabilizing when going back to the original tab.

The reason this is happening is that $_restartPopper is being called multiple times after going back to the original tab, closing the tooltip (With dispose function) and then reopening it with this.show after checking isOpen is true.

Sorry I cannot reproduce, please provide a runnable reproduction.

Hello, have same issue but with simpler conditions. Using Nuxt 2.15.8 and floating-vue 1.0.0-beta.19. We have modal component with dark translucent background that is hidden with v-if, also we have button with v-tooltip text, when you click on button - modal appears and tooltip disappear. BUT, if you switch to another tab and switch back - tooltip appears again, but now over modal.