fix(VDialog): emit afterEnter before setting focus

KaelWD · KaelWD · commit 7e9a1b71805a · 2024-08-21T23:08:21.000+10:00
diff --git a/packages/vuetify/src/components/VDialog/VDialog.tsx b/packages/vuetify/src/components/VDialog/VDialog.tsx
@@ -43,6 +43,7 @@ export const VDialog = genericComponent<OverlaySlots>()({
 
   emits: {
     'update:modelValue': (value: boolean) => true,
+    afterEnter: () => true,
     afterLeave: () => true,
   },
 
@@ -89,6 +90,7 @@ export const VDialog = genericComponent<OverlaySlots>()({
     }
 
     function onAfterEnter () {
+      emit('afterEnter')
       if (overlay.value?.contentEl && !overlay.value.contentEl.contains(document.activeElement)) {
         overlay.value.contentEl.focus({ preventScroll: true })
       }

Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,7 @@ export const VDialog = genericComponent<OverlaySlots>()({`
`43`	`43`
`44`	`44`	`emits: {`
`45`	`45`	`'update:modelValue': (value: boolean) => true,`
	`46`	`+ afterEnter: () => true,`
`46`	`47`	`afterLeave: () => true,`
`47`	`48`	`},`
`48`	`49`
`@@ -89,6 +90,7 @@ export const VDialog = genericComponent<OverlaySlots>()({`
`89`	`90`	`}`
`90`	`91`
`91`	`92`	`function onAfterEnter () {`
	`93`	`+ emit('afterEnter')`
`92`	`94`	`if (overlay.value?.contentEl && !overlay.value.contentEl.contains(document.activeElement)) {`
`93`	`95`	`overlay.value.contentEl.focus({ preventScroll: true })`
`94`	`96`	`}`