vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

fix(VNavigationDrawer): prevent list item jump when rail width is passed

Open eesayas opened this issue 8 months ago • 2 comments

Description

List item prepend now uses the rail width to maintain center alignment and prevent layout shifting when the rail opens or closes.

Markup

<template>
  <v-navigation-drawer rail rail-width="70">
    <v-list nav>
      <v-list-item></v-list-item>
    </v-list>

    <v-divider></v-divider>

    <v-list density="compact" nav>
      <v-list-item></v-list-item>
      <v-list-item></v-list-item>
      <v-list-item></v-list-item>
    </v-list>
  </v-navigation-drawer>
</template>

eesayas avatar May 10 '25 07:05 eesayas

Is there not a way to fix this without introducing a new property?

johnleider avatar May 12 '25 13:05 johnleider

Is there not a way to fix this without introducing a new property?

Yes. I made new commit to use provide/inject instead. Thanks for the nudge 😎

eesayas avatar May 12 '25 14:05 eesayas