1813873 - Dynamic navbar leaves white space with fixed background image

Status: NEW

(GeckoView :: General, defect)

Description

[Jeff Boek [:boek]]

From github: https://github.com/mozilla-mobile/fenix/issues/27155.

Steps to reproduce

I have the navbar at the top and it hides when scrolling up and re-appears when scrolling down. Now visit a page with

<style>
body {
  background: url(some_image.jpg) repeat fixed;
}
</style>

An example is here: https://www.familiesteiner.de/test.shtml

Expected behaviour

The background image should always fill the whole visible body and stay fixed while scrolling.

Actual behaviour

When scrolling up, the background moves up together with the rest of the page until the navbar has vanished, then it stays fixed. While the background moves up a space with white background appears at the bottom of the page with exactly the size of the navbar.
When removing the "fixed" option for the background, the background image will always cover the whole visible body.

Device name

Motorola G5s+, Realme 5G, ..

Android version

Android 10 and 11

Firefox release type

Firefox

Firefox version

105.1.0

Device logs

No response

Additional information

No response

┆Issue is synchronized with this Jira Task

Change performed by the Move to Bugzilla add-on.