apocalyptech Nov 7, 2012 @ 12:55pm
[BUG] Age Verification dropdowns only show current value
I was just browsing around a bit and when I clicked on XCOM, there was an age verification screen. The dropdowns all look like this:

http://i.imgur.com/prNAy.png

The dropdown is fully usable despite the other options not being shown - you can click where an item should be and it'll update, or you can use the arrow keys, etc.

I'm guessing these details don't really matter, but I'm running Fedora 17 x86_64 w/ icewm as my window manager. Other gtk+ apps render properly (and this is the only instance of graphical error I've seen so far). Let me know if there's more information which might be helpful.
Showing 1-11 of 11 comments
< >
TheBombOCat Nov 7, 2012 @ 12:58pm 
Same on Ubuntu 12.04. x64 with Unity.
blackout24 Nov 7, 2012 @ 1:21pm 
Same on Arch x86_64 with XFCE.
bl33ding_silence Nov 7, 2012 @ 4:07pm 
As far as I can remember, this is a problem on Windows too. Though I might be wrong.
scott_test123 Dec 5, 2012 @ 10:12pm 
Could you please try this: install google chrome, then run it and navigate to the same product page on http://www.steampowered.com, and see if the problem exists within chrome? Thanks.
Rain Ninja Dec 5, 2012 @ 10:26pm 
Originally posted by scott_test123:
Could you please try this: install google chrome, then run it and navigate to the same product page on http://www.steampowered.com, and see if the problem exists within chrome? Thanks.

Whilst I'm not the OP, I just navigated to the game in Chromium and found it be experiencing the exact same problem, albeit less laggy. But visual problem is the same.
axeolin Dec 5, 2012 @ 10:37pm 
Originally posted by scott_test123:
Could you please try this: install google chrome, then run it and navigate to the same product page on http://www.steampowered.com, and see if the problem exists within chrome? Thanks.

The values are there but they are white on white until you highlight one.
Solorvox Dec 6, 2012 @ 12:01pm 
This looks like a GTK theme problem. Are you using a dark theme with light text? Some apps don't check theme and assume things like either black text on default dark background, or in this case, default text color on white background. Try changing your theme and see if the problem is there there.
axeolin Dec 6, 2012 @ 12:47pm 
Originally posted by Solorvox:
This looks like a GTK theme problem. Are you using a dark theme with light text? Some apps don't check theme and assume things like either black text on default dark background, or in this case, default text color on white background. Try changing your theme and see if the problem is there there.

I think it's either webkit or html related.

Here's the css for the age. The background-color works for the displayed value, hence the white text is visible. Unfortunately the background of the drop-down box is white, hence white on white text. Unchecking the color: #ffffff in google chrome's inspect element makes the values appear (albeit it breaks the style)

Presumably there should be either a color: properly for the non-selected elements in the drop down list (is that applied to the option tag?) or the background-color should be set so the white text appears.

#agegate_box select {
background-color:#4d4b49;
border:solid #82807c 1px;
padding:2px;
color:#ffffff;
}

Presumably there should be an
option {
background-color: #4D4B49;
} or equiv, somewhere in the css - adding this via google chrome makes it work.
scott_test123 Dec 6, 2012 @ 11:19pm 
It works properly on Chrome for Windows.
yabba Dec 7, 2012 @ 4:50am 
Originally posted by scott_test123:
It works properly on Chrome for Windows.

Yeah.

Or, well, maybe. Perhaps the bug is that windows should display the text as white on white but doesn't? :-)

I don't know enough CSS in-depth to say for sure either way whether the color:white should be applied to the option tags. But, it's definitely displaying white text on a white background and it's definitely using the color:white attribute from the "agegate_box select" to do that.

I can't see that being an issue with linux per se because webpages obviously cannot be aware of gtk themes or windows themes.

But if the html is correct then it would suggest the bug is in webkit (most likely since this is a common thing between steam client and google chrome I suppose) or google chrome and steam client. (does firefox display it properly?) OTOH, as I say, if the html is wrong (i.e if the html is saying 'display white on white' then google chrome must be buggy on windows.

edit: Ok firefox on ubuntu has white text on the background-color applied to the select box, so it works.

That suggests that either webkit is not correctly making the option tags inherit the background-color (which seems likely since it is inheriting the color:#ffffff ) or that firefox et al are and they shouldn't be.

Seems most likely webkit at fault though.

edit2: Hmm CSS pages seem to say "The background of an element isn't inherited by its children as is commonly thought, it’ just that the background will be visible through the child element's background as the default value is transparent." - dunno what that means for a drop-down select box background.

option { background-color: inherit; } "fixes it" - or at least makes it explicit what presumably the other browsers are doing.
Showing 1-11 of 11 comments
< >
Per page: 15 30 50
Date Posted: Nov 7, 2012 @ 12:55pm
Posts: 11