I’ve been trying that. Mostly it lets you decide what the left- and right-drawers do. I can’t seem to get it to constrain the main page space.

Has anyone gotten quasar to work in a stock webpack configuration, i.e. not using the quasar or vue cli?

I’ve been trying that. Mostly it lets you decide what the left- and right-drawers do. I can’t seem to get it to constrain the main page space.

If I create a simple layout with a header and a scrollable main window area, quasar seems to make the scrollable area start at the top of the screen (at the top of the header) and adds padding to the top of the scrollable area so its content can’t be scrolled under the header. This leads to an odd-looking behavior with the scroll bar, and any use of classes that define an element within that window to have 100% height makes the elements larger than the actual window.

You can see this in the docs for a basic layout. Note the way the scroll bar goes up under the header at the top: https://quasar.dev/layout/page#Example--Basic

What I really want is the top of the child area to be at the bottom of the header, so the scroll bar looks right, and the child window has the right actual window height that its children can inherit.

I think I can pull this off with flex classes, but it feels like I’m swimming upstream as I would have to override a lot of existing layout classes.

Is there a better way?