Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report][2.6.2] `v-main` has wrong padding with `v-navigation-drawer`

See original GitHub issue

Environment

Vuetify Version: 2.6.2 Last working version: 2.5.0 Vue Version: 2.6.14 Browsers: Chrome 97.0.4692.71 OS: Windows 10

Steps to reproduce

Add v-navigation-drawer and v-main components
Enable expand-on-hover for the navigation drawer

Expected Behavior

The left padding of the v-main matches the drawers width

Actual Behavior

It always is 256px

Reproduction Link

https://github.com/DerYeger/jan-mueller

Issue Analytics

State:
Created 2 years ago
Reactions:2
Comments:13 (8 by maintainers)

Top GitHub Comments

4reactions

TheoPezcommented, Jan 12, 2022

Hi @DerYeger, a better reproduction link for moderation and community developers may be: https://codepen.io/the0pe/pen/xxXyRzY

To fix it temporarily in your code, there is an easy way (use mini-variant with the sync modifier): https://codepen.io/the0pe/pen/Jjrmbvp

2reactions

dev-ocsicommented, Jan 14, 2022

@TheoPez

Awesome, yes, I think I misinterpreted what the expected behaviour from @DerYeger was…although his problem is 99% the same as mine. I’ve tried what you suggested in your codepen (https://codepen.io/the0pe/pen/gOGZGwo) and it 100% works for me using v2.6.2.

Thank you very much for this workaround.

Cheers!

Ben