fix(model-toggle): nextTick in model show()/hide()

Author: rstoenescu

ui/src/components/dialog/QDialog.js

@@ -188,7 +188,7 @@ export default Vue.extend({
       if (this.noFocus !== true) {
         document.activeElement.blur()
 
-        this.$nextTick(() => {
+        this.__nextModelTick(() => {
           this.focus()
         })
       }

ui/src/components/menu/QMenu.js

@@ -138,7 +138,7 @@ export default Vue.extend({
         document.activeElement.blur()
       }
 
-      this.$nextTick(() => {
+      this.__nextModelTick(() => {
         this.updatePosition()
         this.noFocus !== true && this.focus()
       })

ui/src/components/tooltip/QTooltip.js

@@ -76,7 +76,7 @@ export default Vue.extend({
 
       this.__showPortal()
 
-      this.$nextTick(() => {
+      this.__nextModelTick(() => {
         this.updatePosition()
         this.__configureScrollTarget()
       })

ui/src/mixins/model-toggle.js

@@ -53,7 +53,9 @@ export default {
       this.$emit('before-show', evt)
 
       if (this.__show !== void 0) {
+        this.__clearModelTick()
         this.__show(evt)
+        this.__prepareModelTick()
       }
       else {
         this.$emit('show', evt)
@@ -87,7 +89,9 @@ export default {
       this.$emit('before-hide', evt)
 
       if (this.__hide !== void 0) {
+        this.__clearModelTick()
         this.__hide(evt)
+        this.__prepareModelTick()
       }
       else {
         this.$emit('hide', evt)
@@ -101,6 +105,30 @@ export default {
       else if (val !== this.showing) {
         this[`__process${val === true ? 'Show' : 'Hide'}`](this.payload)
       }
+    },
+
+    __nextModelTick (fn) {
+      this.nextModelTick = fn
+    },
+
+    __prepareModelTick () {
+      if (this.nextModelTick !== void 0) {
+        const fn = this.nextModelTick
+        this.$nextTick(() => {
+          if (this.nextModelTick === fn) {
+            this.nextModelTick()
+            this.nextModelTick = void 0
+          }
+        })
+      }
+    },
+
+    __clearModelTick () {
+      this.nextModelTick = void 0
     }
+  },
+
+  beforeDestroy () {
+    this.nextModelTick = void 0
   }
 }