vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.1.2] navigation drawer overlay issue in `VWindow` component

Open alokVishu opened this issue 2 years ago • 3 comments

Environment

Vuetify Version: 3.1.2 Vue Version: 3.2.45 Browsers: Chrome 109.0.0.0 OS: Mac OS 10.15.7

Steps to reproduce

Try to put the navigation drawer inside the VWindow component.

Expected Behavior

The overlay should cover the entire screen.

Actual Behavior

It only appears inside windows content.

Reproduction Link

https://codepen.io/alokvishu/pen/ExpEBYp?editors=101

alokVishu avatar Jan 25 '23 10:01 alokVishu

If you want the overlay to cover the entire screen, you need to put the nav-drawer higher up in the markup

nekosaur avatar Jan 28 '23 13:01 nekosaur

To be fair we should probably be using VOverlay for temporary drawers so they interact with menus and close when back is pressed and prevent scrolling when open.

KaelWD avatar Jan 28 '23 14:01 KaelWD

@nekosaur What if it's a contextual drawer, used to quickly add/edit an entity?

bogdanciuca avatar Jan 30 '23 21:01 bogdanciuca