quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time
https://quasar.dev
MIT License
25.97k stars 3.52k forks source link

QFooter and QHeader are always fixed when using containerized QLayout. #11397

Closed Evertvdw closed 2 years ago

Evertvdw commented 2 years ago

Describe the bug When using a QLayout in containerized mode it is currently not possible to have the footer not 'fixed' at the bottom. I would like to have the footer be part of the page, so only visible when you have scrolled all the way down.

Only options currently are having it fixed or using the reveal proptery of the footer. The same thing applies to the header, there that option is also not available when using containerized layouts.

Codepen/jsFiddle/Codesandbox (required) https://codepen.io/Mett-codepens/pen/GRvzyzL?editors=101

To Reproduce Steps to reproduce the behavior:

  1. Notice the small 'f' in the layoutView. This normally indicates if you want your footer fixed or not.
  2. Scroll down and see that footer is always fixed.

Expected behavior Footer (and header) should scroll in and out of view with the rest of the page content.

I created a PR to fix this issue: #11369

Screenshots If applicable, add screenshots to help explain your problem.

Platform (please complete the following information): Quasar Version: 2.3.2 @quasar/app Version:

Quasar mode:

Tested on:

Additional context

rstoenescu commented 2 years ago

This is on purpose, but honestly I can't remember the reason.

This should be tested on a page with multiple QLayout view configurations (including "funky" ones like "lhh LpR ffr" but not limited to) and on:

Cannot merge the PR until these tests are done.