Footer displacement on pages with minimal content

[Sebbsen]

Describe the bug
The footer does not stay at the bottom of the screen when there isn't enough content on the page to fill the viewport. This bug has previously occurred #269 and was fixed #309, but it has reappeared, likely due to a recent update.

To Reproduce

1. Go to or create a page with minimal content.
2. Observe that the footer does not stick to the bottom of the viewport but moves up, leaving a gap beneath it.

Expected behavior
The footer should remain at the bottom of the screen, regardless of the amount of content on the page.

Screenshots
The footer contains only "Lorem Ipsum" as placeholder text.
Screen size is is 1920x1080

Desktop:

• OS: MacOs 14.0 (23A344)
• Browser: Chrome
• Version: 124.0.6367.119

[whuml]

Hallo @Sebbsen

thanks for posting this issue.
I recogized same bahaviour at core Moodle at their https://sandbox.moodledemo.net/ .
As we already fixed it at boost union #269 and #309 I added our "bug" label for fixing that with boost union again.

brgds
Wolfgang

[LisaE14]

We have the same problem. When can we expect it to be fixed?

[Menrath]

As we already fixed it at boost union #269 and #309 I added our "bug" label for fixing that with boost union again.

#309 added the flex: 1 0 auto; to the main-inner-wrapper CSS-class. Seems like this is not enough anymore, the element with the id page (and maybe also page-wrapper) need this as well:

 #page-wrapper #page {
    flex: 1 0 auto;
}