Merge branch 'master' into dev

Author: J-Sek

packages/vuetify/src/components/VNumberInput/VNumberInput.tsx

@@ -187,11 +187,13 @@ export const VNumberInput = genericComponent<VNumberInputSlots>()({
 
     const canIncrease = computed(() => {
       if (controlsDisabled.value) return false
-      return (model.value ?? 0) as number + props.step <= props.max
+      if (model.value == null) return true
+      return model.value + props.step <= props.max
     })
     const canDecrease = computed(() => {
       if (controlsDisabled.value) return false
-      return (model.value ?? 0) as number - props.step >= props.min
+      if (model.value == null) return true
+      return model.value - props.step >= props.min
     })
 
     const controlVariant = computed(() => {

packages/vuetify/src/components/VNumberInput/__tests__/VNumberInput.spec.browser.tsx

@@ -224,6 +224,28 @@ describe('VNumberInput', () => {
       expect(model.value).toBe(-10)
     })
 
+    it('should have increment enabled when range is entirely negative', async () => {
+      const model = ref(null)
+      render(() =>
+        <VNumberInput min={ -10 } max={ -2 } v-model={ model.value } />
+      )
+
+      expect(screen.getByTestId('increment')).toBeEnabled()
+      await userEvent.click(screen.getByTestId('increment'))
+      expect(model.value).toBe(-2)
+    })
+
+    it('should have decrement enabled when range is entirely positive', async () => {
+      const model = ref(null)
+      render(() =>
+        <VNumberInput min={ 2 } max={ 10 } v-model={ model.value } />
+      )
+
+      expect(screen.getByTestId('decrement')).toBeEnabled()
+      await userEvent.click(screen.getByTestId('decrement'))
+      expect(model.value).toBe(2)
+    })
+
     it('supports decimal step', async () => {
       const model = ref(0)
       render(() => (

packages/vuetify/src/components/VProgressLinear/VProgressLinear.tsx

@@ -153,7 +153,7 @@ export const VProgressLinear = genericComponent<VProgressLinearSlots>()({
           style={[
             backgroundColorStyles.value,
             {
-              opacity: parseFloat(props.bgOpacity!),
+              opacity: props.bgOpacity != null ? parseFloat(props.bgOpacity) : undefined,
               width: props.stream ? 0 : undefined,
             },
             props.indeterminate ? {} : splitStyles.value?.background,
@@ -213,7 +213,7 @@ export const VProgressLinear = genericComponent<VProgressLinearSlots>()({
               ...textColorStyles.value,
               [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),
               borderTop: `${convertToUnit(height.value / 2)} dotted`,
-              opacity: parseFloat(props.bufferOpacity!),
+              opacity: props.bufferOpacity != null ? parseFloat(props.bufferOpacity) : undefined,
               top: `calc(50% - ${convertToUnit(height.value / 4)})`,
               width: convertToUnit(100 - normalizedBuffer.value, '%'),
               '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),
@@ -231,7 +231,7 @@ export const VProgressLinear = genericComponent<VProgressLinearSlots>()({
           style={[
             bufferColorStyles.value,
             {
-              opacity: parseFloat(props.bufferOpacity!),
+              opacity: props.bufferOpacity != null ? parseFloat(props.bufferOpacity) : undefined,
               width: convertToUnit(bufferWidth.value, '%'),
             },
             splitStyles.value?.buffer,

packages/vuetify/src/composables/focusTrap.ts

@@ -1,5 +1,5 @@
 // Utilities
-import { nextTick, onScopeDispose, toRef, toValue, watch } from 'vue'
+import { onScopeDispose, toRef, toValue, watch } from 'vue'
 import { focusableChildren, IN_BROWSER, propsFactory } from '@/util'
 
 // Types
@@ -136,7 +136,7 @@ export function useFocusTrap (
     document.removeEventListener('pointerdown', onPointerdown)
     document.removeEventListener('keydown', captureOnKeydown)
 
-    await nextTick()
+    await new Promise(resolve => requestAnimationFrame(resolve))
 
     if (
       isActive.value &&