fix(VNavigationDrawer): don't restrict elementSize when location is t…

…op or bottom
vuetifyjs · Apr 28, 2024 · d0fab55 · d0fab55
1 parent 99ea55d
commit d0fab55
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VNavigationDrawer/VNavigationDrawer.tsx b/packages/vuetify/src/components/VNavigationDrawer/VNavigationDrawer.tsx
@@ -177,12 +177,13 @@ export const VNavigationDrawer = genericComponent<VNavigationDrawerSlots>()({
 
       return isDragging.value ? size * dragProgress.value : size
     })
+    const elementSize = computed(() => ['top', 'bottom'].includes(props.location) ? 0 : width.value)
     const { layoutItemStyles, layoutItemScrimStyles, layoutIsReady } = useLayoutItem({
       id: props.name,
       order: computed(() => parseInt(props.order, 10)),
       position: location,
       layoutSize,
-      elementSize: width,
+      elementSize,
       active: computed(() => isActive.value || isDragging.value),
       disableTransitions: computed(() => isDragging.value),
       absolute: computed(() =>
@@ -246,6 +247,7 @@ export const VNavigationDrawer = genericComponent<VNavigationDrawerSlots>()({
               ssrBootStyles.value,
               stickyStyles.value,
               props.style,
+              ['top', 'bottom'].includes(location.value) ? { height: 'auto' } : {},
             ]}
             { ...scopeId }
             { ...attrs }