795823 - rendering artifact: colored background and disappearing text

Status: RESOLVED INACTIVE

(Firefox for Android Graveyard :: Toolbar, defect)

Description

[henryfhchan]

Attachment: SC20120928-014151.png

User Agent: Mozilla/5.0 (Windows NT 6.1; rv:18.0) Gecko/18.0 Firefox/18.0
Build ID: 20120928030544

Steps to reproduce:

Navigate to http://jsecs.org/


Actual results:

A orange background appears and the text does not show.

Zooming in or out fixes the problem for a split second but the text disappears on zooming out and the orange shows in patches.

Comment 1

[henryfhchan]

Attachment: Zooming in slightly. Orange patches come up as soon as the page animates.

Comment 2

[Aaron Train [:aaronmt]]

I was able to reproduce on a Samsung Galaxy SII (Android 4.0.4), with Nightly (10/01).

Comment 3

[henryfhchan]

Comment on attachment 666461 [details]
SC20120928-014151.png

To get the exact UI as in the screenshot, simply run 
> document.cookie = 'version3=true'

The other UI, however, shows the exact same problem nevertheless.

Comment 4

[henryfhchan]

Offending CSS Rule:
body { 
    box-shadow: 0 0 0 1px #D73,0 0 10px #F90;
}

works fine on desktop.
reproduceable Firefox for Android 15.0

Comment 5

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

I see a slightly different version of this problem when I load the page on the galaxy nexus on latest nightly. I see the background of the page draw as orange instead of gray, and the footer text is hidden. The main text blocks are still visible on top of the orange though.

What's interesting is that if I zoom in a little the footer starts drawing properly, and then if I overscroll/snapback to the left the background starts drawing properly. Scrolling to the right makes the background orange again.

Comment 6

[henryfhchan]

Doesn't seem to reproduce anymore.