fix(VHover): false isHovering by default (#19623)

fixes #19601 Co-authored-by: John Leider <john@vuetifyjs.com>
vuetifyjs · May 1, 2024 · 75ed37b · 75ed37b
1 parent fcc921c
commit 75ed37b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/packages/vuetify/src/components/VHover/VHover.tsx b/packages/vuetify/src/components/VHover/VHover.tsx
@@ -7,7 +7,7 @@ import { genericComponent, propsFactory } from '@/util'
 
 type VHoverSlots = {
   default: {
-    isHovering: boolean | undefined
+    isHovering: boolean | null
     props: Record<string, unknown>
   }
 }
@@ -16,7 +16,7 @@ export const makeVHoverProps = propsFactory({
   disabled: Boolean,
   modelValue: {
     type: Boolean,
-    default: undefined,
+    default: null,
   },
 
   ...makeDelayProps(),

diff --git a/packages/vuetify/src/components/VOverlay/VOverlay.tsx b/packages/vuetify/src/components/VOverlay/VOverlay.tsx
@@ -93,7 +93,10 @@ export const makeVOverlayProps = propsFactory({
   disabled: Boolean,
   opacity: [Number, String],
   noClickAnimation: Boolean,
-  modelValue: Boolean,
+  modelValue: {
+    type: Boolean as PropType<boolean | null>,
+    default: null,
+  },
   persistent: Boolean,
   scrim: {
     type: [Boolean, String],
@@ -137,7 +140,7 @@ export const VOverlay = genericComponent<OverlaySlots>()({
   setup (props, { slots, attrs, emit }) {
     const model = useProxiedModel(props, 'modelValue')
     const isActive = computed({
-      get: () => model.value,
+      get: () => Boolean(model.value),
       set: v => {
         if (!(v && props.disabled)) model.value = v
       },

diff --git a/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx b/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx
@@ -30,7 +30,7 @@ import type { Ref } from 'vue'
 type VSnackbarSlots = {
   activator: { isActive: boolean, props: Record<string, any> }
   default: never
-  actions: { isActive: Ref<boolean> }
+  actions: { isActive: Ref<boolean | null> }
   text: never
 }