1296962 - Textbox box without border is invisible when overriding the colors

Status: UNCONFIRMED

(Core :: Layout, defect, P3)

Description

[Joshua Hudson]

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:44.0) Gecko/20100101 Firefox/44.0
Build ID: 20160210153822

Steps to reproduce:

Tags: accessibility regression

Have: black theme loaded
Have: color override set
Have: background color: black
Have: text color: grean
Opened www.google.com

48 branch is what I get when asking for the latest version from Mozilla.


Actual results:

Border around textbox does not appear


Expected results:

Border around textbox should appear

Comment 1

[Tooru Fujisawa [:arai]]

Can you provide a screenshot how it looks like?

Comment 2

[Joshua Hudson]

Attachment: firefox48.png

Comment 3

[Tooru Fujisawa [:arai]]

Is there any different configuration between bug 1296963 and bug 1297246 ?
I cannot reproduce this issue.
for me, there's green border.

Comment 4

[Joshua Hudson]

All bugs, same configuration. One of them refers to white text; the color is simply known to not matter all that much in that case. [Green text was something I needed once upon a time that I don't need anymore but never tore down.] Bug is present in Firefox 44 but only appeared recently when Google changed their webpage HTML.

Comment 5

[Joshua Hudson]

Update: Google has reverted their change as of within an hour. I'm going to check this stuff at work tomorrow; I think I have the offending HTML bisected.

Comment 6

[Joshua Hudson]

Attachment: test.html

Nearly minimal test case.

Comment 7

[Joshua Hudson]

I managed to identify the problem with a DOM inspector. STYLE="border-style: none; background: transparent;"

Basically; these two don't mix and the reason the border shows up right now is Google is currently drawing an explicit border around it with another DIV tag. For about a day they weren't. From the DOM tree, they are setting the transparent editor and using a background color on the div below it to set the color so you can see it under normal settings. Under pinned colors (and I *must* use pinned colors) this does not work.

Comment 8

[Tooru Fujisawa [:arai]]

Can you post the screenshot of attachment 8785116 [details] ?

Comment 9

[Joshua Hudson]

Attachment: result of rendering test.html

Comment 10

[Tooru Fujisawa [:arai]]

There's border in the screenshot, and it looks different than the previous screenshot.

Comment 11

[Joshua Hudson]

The example contains *three* textboxes; only two show in the screen snapshot. Three was the smallest to prove which CSS element combination causes the problem. Because I didn't place the colorizing div, I wouldn't be surprised if it also fails to render on normal settings.

Comment 12

[Tooru Fujisawa [:arai]]

Thanks.

the 3rd one is invisible with unmodified coloring, and I feel it won't be shown on any configuration.
Do you have a testcase that demonstrates the border that is shown with unmodified coloring and hidden on your coloring?
(maybe, the "colorizing div" ?)

Comment 13

[Joshua Hudson]

Attachment: test2.html

Comment 14

[Joshua Hudson]

Added test2.html to replace test.html; has colorizing SPAN instead of DIV so that the layout would not change and so my screenshot does not change. Now the breakage is obviously restricted to override colors.

Comment 15

[Tooru Fujisawa [:arai]]

the 3rd one doesn't look like "border", but just a background color.
is this the same situation as the google's case?

Comment 16

[Joshua Hudson]

Indeed that is the case. Incidentally, Google has removed the border again leaving only the background color to distinguish the textbox from the surrounding area.

Comment 17

[Tooru Fujisawa [:arai]]

Thanks, then this is not Gtk specific issue.