971310 - Loading spinner loses alignment just as the page loads

Status: RESOLVED FIXED

(Marketplace Graveyard :: Consumer Pages, defect, P3)

Description

[krupa raj[:krupa]]

Attachment: screencast

Android: 4.0.3
Firefox mobile: 30.0a1(2014-02-06)

steps to reproduce:
1. Load marketplace-dev.allizom.org on your firefox mobile nightly
2. Notice the loading screen screen particularly the spinner


observed behavior:
Just as the page loads, the spinner gets a little dancey and loses it's alignment. See attached video

Comment 1

[Christopher Van Wiemeersch [:cvan]]

Krupa did you touch the screen? That looks like that same bug from like a year ago.

Also, lol

Comment 2

[krupa raj[:krupa]]

(In reply to Christopher Van Wiemeersch [:cvan] from comment #1)
> Krupa did you touch the screen? That looks like that same bug from like a
> year ago.
> 
> Also, lol

Nope, I didn't touch the screen.

Comment 3

[Andy McKay]

Sounds like the fancy new css spinner cvan is working on will fix this.

Comment 6

[[e-mail]]

Fwiw: from the dupe bug 978040 - this was happening with the new shiny and the old version.

Comment 7

[Mark Striemer [:mstriemer]]

Did some testing locally, this "only" happens if there are enough apps to require scrolling once the page loads. You can fix it by putting an element that is tall enough on the page to force a scrollbar. It appears as though you cannot set the element's height in JS as the new throbber will bounce back-and-forth between the two positions.

Managed to fix it in CSS though after writing this... https://github.com/mozilla/fireplace/pull/399

Comment 8

[Mark Striemer [:mstriemer]]

This is fixed by cvan's updated updated spinner. https://github.com/mozilla/fireplace/commit/e985d25b815788e2f4a7b858d0b81d788670d9aa.