[Vuejs]-Navigation disappears when shrinking window

by

1👍

✅

Use the permanent prop to keep the navigation open:

<v-navigation-drawer
  permanent
  ...

If you want the sidebar to be hidden on smaller screens, you have to adjust the width of the v-navigation-drawer manually, otherwise the position-sticky will keep it from disappearing to the left:

<v-navigation-drawer
  class="position-sticky"
  v-model="drawer"
  :style="{width: drawer ? '256px' : 0 }"
  ...

playground

👤Moritz Ringler

Leave a comment