feat(:star:): Working updates

vuetifyjs · Apr 9, 2024 · 3b042c8 · 3b042c8
1 parent 34e6bf0
commit 3b042c8
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VNavigationDrawer/VNavigationDrawer.tsx b/packages/vuetify/src/components/VNavigationDrawer/VNavigationDrawer.tsx
@@ -57,7 +57,6 @@ export const makeVNavigationDrawerProps = propsFactory({
     default: null,
   },
   permanent: Boolean,
-  persistent: Boolean,
   rail: {
     type: Boolean as PropType<boolean | null>,
     default: null,
@@ -72,6 +71,7 @@ export const makeVNavigationDrawerProps = propsFactory({
   },
   image: String,
   temporary: Boolean,
+  persistent: Boolean,
   touchless: Boolean,
   width: {
     type: [Number, String],
@@ -227,6 +227,7 @@ export const VNavigationDrawer = genericComponent<VNavigationDrawerSlots>()({
                 'v-navigation-drawer--is-hovering': isHovering.value,
                 'v-navigation-drawer--rail': props.rail,
                 'v-navigation-drawer--temporary': isTemporary.value,
+                'v-navigation-drawer--persistent': isPersistent.value,
                 'v-navigation-drawer--active': isActive.value,
                 'v-navigation-drawer--sticky': isSticky.value,
               },
@@ -299,7 +300,10 @@ export const VNavigationDrawer = genericComponent<VNavigationDrawerSlots>()({
               <div
                 class={['v-navigation-drawer__scrim', scrimColor.backgroundColorClasses.value]}
                 style={[scrimStyles.value, scrimColor.backgroundColorStyles.value]}
-                onClick={ () => isActive.value = isPersistent.value }
+                onClick={ () => {
+                  if (isPersistent.value) return
+                  isActive.value = false
+                }}
                 { ...scopeId }
               />
             )}