chore(compat): fetch fresh template element when checking visibility

xanf · xanf · commit 524652aa88d3 · 2021-12-19T17:04:25.000+02:00
Vue 3 and Vue 2 seems to have different order of execution, so in
order to get rid of depending on it - just fetch a fresh $tip
inside setInterval for visibility check
diff --git a/src/components/tooltip/helpers/bv-tooltip.js b/src/components/tooltip/helpers/bv-tooltip.js
@@ -756,9 +756,9 @@ export const BVTooltip = /*#__PURE__*/ Vue.extend({
     visibleCheck(on) {
       this.clearVisibilityInterval()
       const target = this.getTarget()
-      const tip = this.getTemplateElement()
       if (on) {
         this.$_visibleInterval = setInterval(() => {
+          const tip = this.getTemplateElement()
           if (tip && this.localShow && (!target.parentNode || !isVisible(target))) {
             // Target element is no longer visible or not in DOM, so force-hide the tooltip
             this.forceHide()
