1376516 - Certain styled checkboxes appear unchecked when using custom background/foreground colours

Status: RESOLVED DUPLICATE of bug 1335476

(Core :: CSS Parsing and Computation, defect, P5)

Description

[Paul Bone [:pbone]]

When I use my accessability settings (white on black text, always override colours) the checkboxes on the crash report screen are invisible, I can tell where they are but they look the same checked or unchecked.

Comment 1

[:Gijs (he/him)]

Can you provide a screenshot of which crash report screen you mean? What OS is this on?

Comment 2

[Paul Bone [:pbone]]

I don't have a crash report screen open right now, and not sure how to crash things deliberately to make a screen shot.  This is Linux Mint with the Cinnamon desktop.

Comment 3

[Paul Bone [:pbone]]

Attachment: gmail screenshot

This is not specific to the crash report page, but that is probably something we can control more easily.  Here is a screen shot of the same problem in Gmail.  The 3rd item is checked and the first two aren't.  For comparison, the Firefox preferences screen does not have this problem, those boxes get white ticks in them when they're "on".

Comment 4

[Paul Bone [:pbone]]

My settings are:

Preferred foreground color: white
Preferred background color: black
Use system colors: no
Override page styles with these settings: always

Thanks.

Comment 5

[:Gijs (he/him)]

Mike, I wonder if this regressed because of bug 418833. Is that plausible?

Comment 6

[Mike Conley (:mconley) (:⚙️)]

(In reply to :Gijs from comment #5)
> Mike, I wonder if this regressed because of bug 418833. Is that plausible?

Possibly, although that work was mostly backed out (see bug 1357169), so I think it's only a slim possibility.

Hey mats, is this a known regression?

Comment 7

[Mats Palmgren (inactive)]

If use settings indicated in comment 4, in v54.0.1 and Nightly on Linux
with this testcase:
data:text/html,<input type=checkbox><input type=checkbox checked>
it renders correctly as far as I can tell.

Paul, do you have additional styling in "userContent.css" by any chance?
There were some reports about that recently: bug 1377783.

Comment 8

[Paul Bone [:pbone]]

I havn't knowingly changed userContent.css.
I was using an add-on called Stylish, but I think I disabled it while testing this bug and creating the screen shots.  I didn't add any customisation that would normally affect these pages, (I added it only for some parts of treehearder). And Firefox will normally / should still override any colours specified by stylish.

Comment 9

[Mats Palmgren (inactive)]

OK, does data:text/html,<input type=checkbox><input type=checkbox checked>
render the checkboxes correctly for you?  (the 1st one should be unchecked,
the 2nd one checked)

Comment 10

[Paul Bone [:pbone]]

Attachment: Screenshot checks created by <input> elements work correctly

Yes, that works fine.  that's a different style.  I had a quick look at how gmail does its checkboxes, since they're also invisible.  They're divs which have attributes like aria-checked.  Other checkboxes in the same style as google are those in Firefox's preferences, those are visible where as the gmail (and crash screen) arn't.  I hope this helps.

Comment 11

[Jet Villegas (inactive)]

Reproduced on FF51. This appears to have always been this way for checkboxes styled this way.