610344 - Black filled text fields on Gmail login page.

Status: RESOLVED DUPLICATE of bug 637828

(Firefox for Android Graveyard :: General, defect)

Description

[Anna (Waverley)]

User-Agent:       Mozilla/5.0 (Windows NT 6.1; rv:2.0b8pre) Gecko/20101104 Firefox/4.0b8pre
Build Identifier: Mozilla /5.0 (Android;Linux armv7l;rv:2.0b8pre) Gecko/20101107 Firefox/4.0b8pre Fennec /4.0b3pre

On the Gmail login page, a part of the "Username" and "Password" text fields are filled black.

Devices: Motorola DROID 2, Samsung Galaxy S Captivated

Reproducible: Always

Steps to Reproduce:
1. Clear all private data.
2. Go to the Gmail login page
3. Tap on "Username" field.
4. Tap on the Down button on the screen.
5. Tap on the Down button on the screen.
   

Actual Results:  
The "Sign In" button is selected and highlighted, but a part of the "Username" and "Password" text fields are filled black.

Expected Results:  
The "Sign In" button should be selected and highlighted and the "Username" and "Password" fields should remain unchanged.

Comment 1

[Anna (Waverley)]

Attachment: Actual results

Comment 2

[Brad Lassey [:blassey] (use needinfo?)]

Jeff, we're assuming this is some gfx layers problem, could you have a look?

Comment 5

[Aakash Desai [:aakashd]]

This is on facebook.com and pretty much any login form.

Comment 6

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

This seems a little like bug 627772

Comment 7

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

(In reply to comment #6)
> This seems a little like bug 627772

We do use border-radius on textboxes and buttons, but instead of box-shadow, we use linear gradients for the background. I don't know if this bug is really related or not.

Comment 9

[Benjamin Stover (:stechz)]

Attachment: Screenshot of AMO

Here's another example.

Comment 10

[Benjamin Stover (:stechz)]

^^^ http://addons.allizom.org/

It is reproducible on Android, but doesn't seem to be on Desktop.

Comment 11

[Jeff Balogh (:jbalogh)]

(In reply to comment #10)
> ^^^ http://addons.allizom.org/
> 
> It is reproducible on Android, but doesn't seem to be on Desktop.

Note that you need a Fennec user agent to see the mobile version of AMO; otherwise you'll get the normal desktop version.

Comment 12

[Philipp von Weitershausen [:philikon]]

(In reply to comment #11)
> > It is reproducible on Android, but doesn't seem to be on Desktop.
> 
> Note that you need a Fennec user agent to see the mobile version of AMO;
> otherwise you'll get the normal desktop version.

By "desktop" stechz probably meant the desktop build of Fennec.

Comment 13

[Brad Lassey [:blassey] (use needinfo?)]

Jeff, this is currently assigned to you, can you please put together a plan of attack for this? We consider this a hard blocker for fennec.

Comment 14

[Jeff Muizelaar [:jrmuizel]]

Can someone make a reduced test page showing this problem?

Comment 15

[Brad Lassey [:blassey] (use needinfo?)]

I can't reproduce this anymore. I'm going to resolve as works for me and ask that QA (Anna?) make sure they can't reproduce anymore either before verifying.

Comment 16

[Wil Clouser [:clouserw]]

I can reproduce this still on today's (...0228) fennec nightly.  It happens quite often if you browse around on addons.allizom.org.

Comment 17

[Potch [:potch]]

There is a fairly consistent bit of smudging on the mobile addons.allizom.org- pieces of mispainted UI in either black, or other bits of the page. I don't think we're doing anything non-bog standard. It's sporadically occurring on scrolling.

Comment 18

[Benjamin Stover (:stechz)]

I wonder if this is a problem with an active layer being created for the opacity change and being destroyed immediately. We seem to be seeing something like this in bug 637828.

Comment 20

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

Matt - Can you make a build without the content css opacity and get it to Wil?

Comment 21

[Potch [:potch]]

would you also like gradients with opacity and box-shadows removed?

Comment 22

[Potch [:potch]]

https://github.com/potch/zamboni/tree/mobile-opaque

This is a branch of the mobile site without gradients, box-shadows, opacity, or rounded corners. I went through and removed each "type" of effect one at a time, and tested on a phone between each. I saw the issues on the site as before until I got rid of our gradients. Now, I only see the black spots on the native form controls, which seem to have gradients defined at the system level :)

That branch is (unfortunately) not available on any server right now, but the relevant diff is here: 

https://github.com/potch/zamboni/commit/b7efd2292

Comment 23

[Matt Brubeck (:mbrubeck)]

And here's a build of Fennec for Android without gradients in form controls;
http://people.mozilla.com/~mbrubeck/fennec-4.0b6pre-mbrubeck-no-gradient.apk

Comment 24

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

(In reply to comment #16)
> I can reproduce this still on today's (...0228) fennec nightly.  It happens
> quite often if you browse around on addons.allizom.org.

Wil - Can you try Matt's build:

> And here's a build of Fennec for Android without gradients in form controls;
> http://people.mozilla.com/~mbrubeck/fennec-4.0b6pre-mbrubeck-no-gradient.apk

Comment 25

[Matt Brubeck (:mbrubeck)]

To be clear, I expect my build will only fix black areas showing up in textboxes and other form controls.  To fix most of the black showing up on addons.allizom, I think you need the other Matt's changes.  :P

Comment 26

[Wil Clouser [:clouserw]]

(In reply to comment #24)
> (In reply to comment #16)
> > I can reproduce this still on today's (...0228) fennec nightly.  It happens
> > quite often if you browse around on addons.allizom.org.
> 
> Wil - Can you try Matt's build:
> 
> > And here's a build of Fennec for Android without gradients in form controls;
> > http://people.mozilla.com/~mbrubeck/fennec-4.0b6pre-mbrubeck-no-gradient.apk

I tried installing it.  It downloaded, said it would replace minefield, and I said alright.  It did looked like it was going and then said "Application not installed" with an [OK] button.  I'm not sure how to debug it further.

Comment 27

[Sriram Ramasubramanian]

This usually happens with Android. The best thing to do would be to uninstall the old version and try installing this version. I tried, and it installs perfectly.

Comment 28

[Wil Clouser [:clouserw]]

That build works as expected - black areas still show up on allizom, but I didn't see them on the form elements.

Comment 29

[Benjamin Stover (:stechz)]

Updating cairo fixes this.