872071 - Disabled input text field not changing background color

Status: RESOLVED DUPLICATE of bug 451771

(Core :: CSS Parsing and Computation, defect)

Description

[Wayne]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0
Build ID: 20130511120803

Steps to reproduce:

Using Windows 7 SP1 and Firefox 21.0, I viewed the following HTML file

<input type="text" value="hello">
<input type="text" value="hello" disabled="">


Actual results:

The background-color of the disabled input field was the same as the first field.  It was white instead of dimmed/gray




Expected results:

The background-color of the text input element should have been rendered as "threedface" or #F0F0F0.  The same HTML rendered correctly using Firefox 21.0 on a Windows XP system.  Also the background colors between the enabled and disabled fields were different when using Chrome Version 26.0.1410.64 m and IE 10.0.4.

Comment 1

[Loic]

WFM with FF21 on Win 7: http://i.imgur.com/8EbXdtv.png

Could you try with a fresh profile, please:
https://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles

Comment 2

[Wayne]

Your screen shot (http://i.imgur.com/8EbXdtv.png) shows exactly the problem I am having.  See how the background color is the same between the two fields?  If you examine the styles for those two fields you see that the background-color for the enabled field is supposed to be #FFFFFF and that field is rendered correctly with that background color. However the disabled field's background-color is supposed to be #F0F0F0 but instead it is also rendered as #FFFFFF.

BTW, I tried using a fresh profile, the behavior was the same.

Unless I'm mistaken the background-color for the disabled field is being set (but incorrectly rendered by FF) in the following style entry in forms.css:

input:disabled, textarea:disabled, option:disabled, optgroup:disabled, select:disabled:disabled {
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    background-color: threedface;
    color: graytext;
    cursor: inherit;
}

Comment 3

[[:Aleksej]]

Works for me with firefox-20.0b7.es-ES.linux64 and 22.0 Beta.

Comment 4

[Loic]

(In reply to Aleksej [:Aleksej] from comment #3)
> Works for me with firefox-20.0b7.es-ES.linux64 and 22.0 Beta.

Could you attach a screenshot of what you're seeing please.

Comment 5

[[:Aleksej]]

Attachment: screenshot: WFM on GNU/Linux (Fx 22.0 Beta, data URI added before comment 0)

Comment 6

[Loic]

Attachment: Reporter's testcase with CSS style

Ok, with the CSS style given in comment #2, it works. But not with the simple code given in comment #0.

Comment 7

[[:Aleksej]]

Attachment: WFM on GNU/Linux (Fx 22.0 Beta, https://bug872071.bugzilla.mozilla.org/attachment.cgi?id=752073 )

Comment 8

[[:Aleksej]]

(In reply to Aleksej [:Aleksej] from comment #7)
WFM, but the color is different.

Comment 9

[Loic]

On my side (Win 7), the data URI doesn't work, the background of the 2nd input stay white.

Comment 10

[Ioana (away)]

WFM on the latest Nightly and Firefox 21 builds, with the reporter's testcase. The background for the first input field is white, while for the second one it's light gray. The text in the first input field is black, while in the second one is gray.

Do you have any addons installed that might affect how websites are displayed? Please try reproducing this issue with a clean profile:
http://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles

Comment 11

[Ioana (away)]

(In reply to Ioana Budnar, QA [:ioana] from comment #10)
> WFM on the latest Nightly and Firefox 21 builds, with the reporter's
> testcase. The background for the first input field is white, while for the
> second one it's light gray. The text in the first input field is black,
> while in the second one is gray.
> 
> Do you have any addons installed that might affect how websites are
> displayed? Please try reproducing this issue with a clean profile:
> http://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-
> firefox-profiles

Sorry, I missed this important part: I tested this on Windows 7 64-bit and on Ubuntu 13.04 32-bit.

Comment 12

[Wayne]

The first thing Loic had me do was re-test with a clean profile, I just tried it again, I created a new profile, disabled all extensions and plugins.  The disabled field's background color still rendered as white. (I'm also using Windows 7 64-bit).

Comment 14

[:Gijs (he/him)]

Jim, you marked this invalid in bug 451771 - but it seems IE and Chrome act differently here. Is that reason enough to reconsider?

Comment 15

[Jim Mathies [:jimm]]

(In reply to :Gijs Kruitbosch from comment #14)
> Jim, you marked this invalid in bug 451771 - but it seems IE and Chrome act
> differently here. Is that reason enough to reconsider?

dupe this over to bug 451771 I guess? Also, that would make a [good first bug][lang=c++], with you as the mentor! :)