fix(Header/DashboardSidebar/Sidebar): allow auto focus in menu for proper focus trapping (#6266)

Author: faizkhairi

src/runtime/components/DashboardSidebar.vue

@@ -133,11 +133,7 @@ const Menu = computed(() => ({
   drawer: UDrawer
 })[props.mode as DashboardSidebarMode])
 
-const menuProps = toRef(() => defu(props.menu, {
-  content: {
-    onOpenAutoFocus: (e: Event) => e.preventDefault()
-  }
-}, props.mode === 'modal' ? { fullscreen: true, transition: false } : props.mode === 'slideover' ? { side: 'left' } : {}) as DashboardSidebarMenu<T>)
+const menuProps = toRef(() => defu(props.menu, {}, props.mode === 'modal' ? { fullscreen: true, transition: false } : props.mode === 'slideover' ? { side: 'left' } : {}) as DashboardSidebarMenu<T>)
 
 function toggleOpen() {
   open.value = !open.value

src/runtime/components/Header.vue

@@ -120,11 +120,7 @@ const Menu = computed(() => ({
   drawer: UDrawer
 })[props.mode as HeaderMode])
 
-const menuProps = toRef(() => defu(props.menu, {
-  content: {
-    onOpenAutoFocus: (e: Event) => e.preventDefault()
-  }
-}, props.mode === 'modal' ? { fullscreen: true, transition: false } : {}) as HeaderMenu<T>)
+const menuProps = toRef(() => defu(props.menu, {}, props.mode === 'modal' ? { fullscreen: true, transition: false } : {}) as HeaderMenu<T>)
 
 function toggleOpen() {
   open.value = !open.value

src/runtime/components/Sidebar.vue

@@ -200,10 +200,7 @@ const menuProps = toRef(() => defu(props.menu, {
   title: props.title,
   description: props.description,
   close: props.close,
-  closeIcon: props.closeIcon,
-  content: {
-    onOpenAutoFocus: (e: Event) => e.preventDefault()
-  }
+  closeIcon: props.closeIcon
 }, props.mode === 'modal' ? { } : props.mode === 'slideover' ? { side: props.side, inset: props.variant === 'inset' } : {}) as SidebarMenu<T>)
 </script>