[Bug Report] v-app-bar with app and absolute does not respect nav-drawer width

[mim289]

Environment

Vuetify Version: 2.0.2
Last working version: 1.5.16
Vue Version: 2.6.10
Browsers: Opera 62.0.3331.99
OS: Windows 10

Steps to reproduce

When using v-app-bar in conjunction with a non-clipped v-navigation-drawer, if both app and absolute are propped, the app bar sizing does not respect the drawer width.

Expected Behavior

The expectations are:

• To have an app bar that maintains the sizing relation (particularly width) to the content
• To have an app bar that is positioned at the top of the page, that is not fixed to the view pane, and does not require the hide-on-scroll prop

Actual Behavior

• The bar does indeed remain absolutely positioned above the content, but the contents of the bar get pushed in the x direction based on the width of the nav-drawer, causing content overflow off of the page

Reproduction Link

https://codepen.io/Mattmilliman91/pen/MNVWZp

Other comments

Through testing a few solutions with John Leider, 2 seemed to work to my intended result:

1. Moving the v-app-bar into the v-content above the router-view, and removing the app and absolute props entirely.
   • This may not be the best solution, as it does not comply with the "Default Application Markup" described in the docs
2. Adding the following CSS: .v-toolbar.v-toolbar--absolute {width: auto !important;}
   • This was suggested by John Leider here: https://codepen.io/johnjleider/pen/XvEWQz