751983 - Layout of content shifts around on http://www.fab.com

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: General, defect)

Description

[David Slater]

When visiting the site fab.com using Fennec Aurora build, the page is constantly rebuilding itself each time I move around the page, zoom, etc. The page background also looks pretty different than if I visit the same page on a desktop browser or other Android mobile browsers. the background jumps around a lot, and the gray text on the screen disappears momentarily when scrolling around.

Comment 1

[Kartikaya Gupta (email:[e-mail])]

The background jumping around is because it has a CSS property of background-attachment: scroll, which means the background will move around as you scroll. It should be less jumpy, though, and that is being tracked as part of bug 607417.

As for the main issue - the page rebuilding itself as you move around the page - do you need an account to access the page you're seeing that on? When I go to fab.com I see a sign up/sign in page.

Comment 2

[David Slater]

You don't need an account/have to sign in to see what I am referring too. I suspect it's the same issue as what you are referring to (background jumping).

Also note the gray text on that page when you scroll around..it also disappears for a moment and then reappears when I stop scrolling.

Comment 3

[Chris Lord [:cwiiis]]

Note that even with the patches from bug #607417 applied, the background doesn't get its own fixed layer, so this bug still manifests... roc would know better why.

Comment 4

[Robert O'Callahan (:roc) (email my personal email if necessary)]

(In reply to Kartikaya Gupta (:kats) from comment #1)
> The background jumping around is because it has a CSS property of
> background-attachment: scroll, which means the background will move around
> as you scroll.

Actually it's background-attachment:fixed, which means it should not move around as you scroll.

On desktop we put the background into its own layer and everything works great. No idea why that wouldn't be working on mobile.

Comment 5

[Kartikaya Gupta (email:[e-mail])]

Oh, my mistake. I was looking at the background-attachment for the body, not the root element. :Cwiiis, is bug 607417 the one that makes position:fixed items work nicely with the async panning in the compositor?

Comment 6

[Chris Lord [:cwiiis]]

(In reply to Kartikaya Gupta (:kats) from comment #5)
> Oh, my mistake. I was looking at the background-attachment for the body, not
> the root element. :Cwiiis, is bug 607417 the one that makes position:fixed
> items work nicely with the async panning in the compositor?

Right - but it doesn't work with this, for some reason.

Comment 7

[Kartikaya Gupta (email:[e-mail])]

Will need further investigation, then.

Comment 8

[Naoki Hirata :nhirata (please use needinfo instead of cc)]

Interesting... this has a lot of position absolute and relative on the foreground images rather than fixed.

Comment 9

[Mark Finkle (:mfinkle) (use needinfo?)]

The position fixed/absolute issues are not a high priority and could be high risk, late in the cycle, for this release.

Comment 10

[BMO Automation]

We have completed our launch of our new Firefox on Android. The development of the new versions use GitHub for issue tracking. If the bug report still reproduces in a current version of [Firefox on Android nightly](https://play.google.com/store/apps/details?id=org.mozilla.fenix) an issue can be reported at the [Fenix GitHub project](https://github.com/mozilla-mobile/fenix/). If you want to discuss your report please use [Mozilla's chat](https://wiki.mozilla.org/Matrix#Connect_to_Matrix) server https://chat.mozilla.org and join the [#fenix](https://chat.mozilla.org/#/room/#fenix:mozilla.org) channel.