fix(VSlider): update value before focusing thumb

fixes #20912
vuetifyjs · Jan 23, 2025 · c1fd4f7 · c1fd4f7
1 parent 2795792
commit c1fd4f7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VSlider/slider.ts b/packages/vuetify/src/components/VSlider/slider.ts
@@ -5,7 +5,7 @@ import { useRtl } from '@/composables/locale'
 import { makeRoundedProps } from '@/composables/rounded'
 
 // Utilities
-import { computed, provide, ref, shallowRef, toRef } from 'vue'
+import { computed, nextTick, provide, ref, shallowRef, toRef } from 'vue'
 import { clamp, createRange, getDecimals, propsFactory } from '@/util'
 
 // Types
@@ -237,7 +237,6 @@ export const useSlider = ({
 
     if (!activeThumbRef.value) return
 
-    activeThumbRef.value.focus()
     mousePressed.value = true
 
     if (activeThumbRef.value.contains(e.target as Node)) {
@@ -248,6 +247,7 @@ export const useSlider = ({
     }
 
     onSliderStart({ value: parseMouseMove(e) })
+    nextTick(() => activeThumbRef.value?.focus())
   }
 
   const moveListenerOptions = { passive: true, capture: true }