vuetify
vuetify copied to clipboard
fix(VNavigationDrawer): prevent list item jump when rail width is passed
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>
Is there not a way to fix this without introducing a new property?
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 😎