fix(VMenu): let persistent menus coexist with regular ones (#21449)

resolves #20976

Author: J-Sek

packages/api-generator/src/locale/en/VMenu.json

@@ -5,6 +5,7 @@
     "closeOnClick": "Designates if menu should close on outside-activator click.",
     "closeOnContentClick": "Designates if menu should close when its content is clicked.",
     "closeDelay": "Milliseconds to wait before closing component. Only works with the **open-on-hover** prop.",
+    "disableInitialFocus": "Prevents automatic redirect of first `focusin` event. Intended to use on permanently open menus or VSpeedDial.",
     "disableKeys": "Removes all keyboard interaction.",
     "internalActivator": "Detaches the menu content inside of the component as opposed to the document.",
     "minWidth": "Sets the minimum width for the component. Use `auto` to use the activator width.",

packages/vuetify/src/components/VMenu/VMenu.tsx

@@ -48,6 +48,7 @@ export const makeVMenuProps = propsFactory({
   // disableKeys: Boolean,
   id: String,
   submenu: Boolean,
+  disableInitialFocus: Boolean,
 
   ...omit(makeVOverlayProps({
     closeDelay: 250,
@@ -133,7 +134,7 @@ export const VMenu = genericComponent<OverlaySlots>()({
     watch(isActive, val => {
       if (val) {
         parent?.register()
-        if (IN_BROWSER) {
+        if (IN_BROWSER && !props.disableInitialFocus) {
           document.addEventListener('focusin', onFocusIn, { once: true })
         }
       } else {