Closed Bug 1895039 Opened 1 year ago Closed 1 year ago

Firefox does not display background color in option tags on Firefox Ubuntu

Categories

(Core :: Layout: Form Controls, defect)

Firefox 125
Desktop
Linux
defect

Tracking

()

RESOLVED DUPLICATE of bug 1406865

People

(Reporter: webmaster, Unassigned)

References

(Blocks 2 open bugs)

Details

Attachments

(1 file)

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:125.0) Gecko/20100101 Firefox/125.0

Steps to reproduce:

I have created a minimum page demonstrating the problem at:

https://www.jamescobban.net/FamilyTree/testselect.html

This page displays correctly on Chromium Version 123.0.6312.122 (Official Build) snap (64-bit) but not on Firefox 125.0 Snap for Ubuntu

Actual results:

I tried to attach screenshots showing that the requested background colours are displayed on Chromium, but not on Firefox. But the file upload dialog on Ubuntu would not permit me to select multiple files. So I have put the images up on the Web

https://www.jamescobban.net/FamilyTree/Screenshot%20from%202024-04-19%2000-59-44.png

https://www.jamescobban.net/FamilyTree/Screenshot%20from%202024-04-19%2001-01-36.png

Expected results:

I do not care if the colours are not perfect. I just want to have more than just the word "Brown" to tell my clients that selecting that item will get BROWN!

I have not got any help from https://support.mozilla.org/en-US/questions/1445267 because apparently it is unusual to use Firefox on anything other then WINDOZE.

I reported this problem over a year ago and I am frustrated that nobody seems to have the time to look at this problem.

Component: Untriaged → Layout: Form Controls
OS: Unspecified → Linux
Product: Firefox → Core
Hardware: Unspecified → Desktop
Status: UNCONFIRMED → NEW
Ever confirmed: true
Blocks: e10s-select

This is a known decision, see bug 1406865. It's behind a pref which is dom.forms.select.customstyling in about:config.

Status: NEW → RESOLVED
Closed: 1 year ago
Duplicate of bug: 1406865
Resolution: --- → DUPLICATE

setting dom.forms.select.customstyling to true seems to work around.

(In reply to James Cobban from comment #2)

How can this be resolved if users of Firefox on Windows can use styling but users on Ubuntu Linux CANNOT? I cannot see a DECISION anywhere in https://bugzilla.mozilla.org/show_bug.cgi?id=1406865. Please explain why Chrome is able to support this but Firefox is not. SHOW ME THE DECISION AND ITS JUSTIFICATION. Do not tell users to shut up and stop whining!

Nobody told you to stop whining. There's lots of context in the duplicate bug and linked bugs from there, but I can summarise.

The main reasoning is that we try to use system theme colours for unstyled select on Linux, and Linux has tons of theme variability, so it's hard to guarantee contrast if you just blindly apply the user colours to options. That, plus no browser on macOS doing it either.

With some effort it might be feasible to enable, but someone needs to make sure to fix the tests and test on a really wide range of gtk themes.

Finally there's work ongoing on a more styleable select which would address this and other stuff, see https://github.com/whatwg/html/issues/10316

(In reply to James Cobban from comment #5)

Thank you. But what does any of that have to do with this issue? I am not asking for "system theme colours".

Sure, if you specify all the colors, it's all good. But there are colors that you can't specify using CSS (like the hovered option color and background), and Firefox needs to deal with the fact that some pages will only override some colors, and still do something reasonable.

If you do <select style="color: blue">, and you're on Ubuntu with the default theme, then it kinda works for the developer, but if another user has a blue theme color the text may become unreadable. See bug 1338283 for context. Now we might have better mitigations for that but someone still needs to go do the work and the testing.

(In reply to Emilio Cobos Álvarez (:emilio) from comment #7)

(In reply to James Cobban from comment #5)
If you do <select style="color: blue">, and you're on Ubuntu with the default theme, then it kinda works for the developer, but if another user has a blue theme color the text may become unreadable.

Please actually look at www.jamescobban.net/testselect.html rather than making ASSUMPTIONS about it. Explain to me WHY that specific HTML and CSS is rejected. I am not saying style="color: blue" I am saying <option value="blue" style="color: #FFFF00; background: #0000FF">. Please explain to me the REASONS, not opinions, why Mozilla does not implement this.

I have been raising this issue for over two years and I am losing my patience.

If you cannot help me on this bug report then give me an address where I can communicate with the powers that be at Mozilla. The page https://www.mozilla.org/en-US/contact/ does not indicate how to complain when Mozilla is not satisfying their MANIFESTO! I cannot find a surface mail address, or any e-mail addresses, and I have never been on "the social network formerly known as Twitter until an asshole took over".

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: