Vuetify: [Bug Report] Navigation drawer mini variant doesn't push content if width is specified

Created on 23 Sep 2019  路  5Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.0.18
Vue Version: 2.6.10
Browsers: Chrome 77.0.3865.90
OS: Windows 10

Steps to reproduce

  • setup a vue application with vuetify's app bar and navigation drawer with mini-variant.sync, as seen in the codepen example
  • if the width is specified on the navigation drawer then the content will not be pushed aside, if you remove the attribute then the content will be moved when the navigation drawer is resized

Expected Behavior

the content should be pushed when the navigation drawer expands from mini to "fullsize"

Actual Behavior

the navigation drawer overlaps the content instead of pushing it

Reproduction Link

https://codepen.io/adriankz/pen/WNeLBOw?editors=1010

VNavigationDrawer bug duplicate has workaround

All 5 comments

Came here to report the same

Here to report the same

Any news ? @adriankreutz

Duplicate of #8223 - It may not seem like it on the surface, but they stem from the same issue.

If you have any additional questions, please reach out to us in our Discord community.

Was this page helpful?
0 / 5 - 0 ratings