[Feature Request] Hide main scrollbar when dialog is open

[TheInvoker]

Environment

Vuetify Version: 2.0.1
Vue Version: 2.6.10
Browsers: Chrome 69.0.3497.100
OS: Windows 10

Steps to reproduce

Click the pink button to open dialog.

Expected Behavior

The main page which has a scroll bar, should hide when the dialog is open. This is because you shouldn't be able to scroll on the main page anyways, and it gives a little extra room horizontally (or vertically) for the dialog. Plus since the dialog is almost full width, it looks bad to see 2 scroll bars next to each other.

Actual Behavior

The main scroll bar still appears when dialog is open.

Reproduction Link

https://codepen.io/anon/pen/VomBbd

Other comments

Can it be changed to hide the main page scrollbars (up/down/left/right) while dialog is open?

[diazemiliano-zz]

@TheInvoker Not sure if this is a bug. And for sure is something that you can control based on the v-model state of the dialog or using events to listen when the dialog is opened to set the overflow: hidden where you need it.

[TheInvoker]

I had my own solution for this, but if this is a popular thing to do, might as well come by default from the framework?

[KaelWD]

It was done to prevent a layout jump afaik. See #10086 for the other thing.