I came up against this problem recently, this thread seems to pop up on the top of the google results when searching for it
then I discovered these links
- https://github.com/quasarframework/quasar/issues/2860
- https://forum.quasar-framework.org/topic/5466/flexbox-and-q-scroll-area-s-height/4
- https://codepen.io/cp-tof06/pen/bGdKXpW
First in the body tag I disabled the page scroll
<body style="overflow: hidden;">
Next as an example for the q-scroll-area
<q-page-container>
<q-page class="row no-wrap">
<div class="col q-ma-md">
<div class="column full-height">
<q-scroll-area class="col q-pa-sm" visible>
<router-view />
</q-scroll-area>
</div>
</div>
</q-page>
</q-page-container>