fix: Keep parent drawers alive (#7595)

Fixes #7593

Co-authored-by: Nico Hoffmann <[email protected]>

Author: bastianallgeier

panel/src/components/Drawers/Drawer.vue

@@ -2,6 +2,7 @@
 	<portal v-if="visible" to="drawer">
 		<form
 			:class="$vnode.data.staticClass"
+			:aria-current="current"
 			class="k-drawer"
 			method="dialog"
 			@submit.prevent="$emit('submit')"
@@ -88,4 +89,9 @@ export default {
 	box-shadow: var(--drawer-shadow);
 	container-type: inline-size;
 }
+
+.k-drawer:not([aria-current="true"]) {
+	display: none;
+	pointer-events: none;
+}
 </style>

panel/src/components/Drawers/FiberDrawer.vue

@@ -6,7 +6,8 @@
 			:key="drawer.id"
 			v-bind="isCurrent(drawer.id) ? $panel.drawer.props : drawer.props"
 			:breadcrumb="$panel.drawer.breadcrumb"
-			:visible="isCurrent(drawer.id) === true"
+			:current="isCurrent(drawer.id) === true"
+			:visible="true"
 			v-on="isCurrent(drawer.id) ? $panel.drawer.listeners() : drawer.on"
 		/>
 	</div>

panel/src/mixins/drawer.js

@@ -10,6 +10,13 @@ import { props as Header } from "@/components/Drawers/Elements/Header.vue";
 export default {
 	mixins: [Header],
 	props: {
+		/**
+		 * @internal
+		 */
+		current: {
+			default: true,
+			type: Boolean
+		},
 		/**
 		 * The default icon for the drawer header
 		 */