fix(QTabPanels): tab-panels 'transition' emit fires before transition…

… ends (fix #17479). (#17489) fix(ui): tab-panels 'transition' emit fires before transition ends. Co-authored-by: Dimitris Tsiantaris <dtsiantaris@lancom.gr>
quasarframework · Sep 9, 2024 · c4a89e3 · c4a89e3
1 parent 5d0b3dc
commit c4a89e3
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/ui/src/composables/private.use-panel/use-panel.js b/ui/src/composables/private.use-panel/use-panel.js
@@ -117,9 +117,11 @@ export default function () {
     if (panelIndex.value !== index) {
       panelIndex.value = index
       emit('beforeTransition', newVal, oldVal)
-      nextTick(() => {
-        emit('transition', newVal, oldVal)
-      })
+      setTimeout(() => {
+        nextTick(() => {
+          emit('transition', newVal, oldVal)
+        })
+      }, props.transitionDuration);
     }
   })