1300749 - Background color of option's select input not rendered on dropdown opening

Status: RESOLVED DUPLICATE of bug 910022

(Core :: Layout: Form Controls, defect)

Description

[ReportDemo]

User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0
Build ID: 20160823121617

Steps to reproduce:

When opening a SELECT HTML element, the background color indicates in style's OPTION elements are no longer rendered.

It appears with version 48.0.2 of Firefox (without extension) on Windows 7 and Windows Server 2012.

Two ways to get the previous working expecting result behaviour :
- start FireFox in Safe Mode / "refreshing" Firefox
OR
- just install an extension (like FireBug)


Turning off hardware acceleration and presence of other theme don't change this problem (like suggested here https://support.mozilla.org/en-US/kb/troubleshoot-extensions-themes-to-fix-problems#w_the-problem-does-not-occur-in-safe-mode).


On Windows 10, it seems to be ok.


[Tested versions]:
- OK : Firefox 47.0 on Windows Vista (with or without extension)
- OK : Firefox 47.0.1 on Windows Vista (with or without extension)
- OK : Firefox 47.0.1 on Windows 10 Pro SP1 (with or without extension)
- OK : Firefox 48.0.2 on Windows 10 Pro SP1 (with or without extension)
- Bad : Firefox 48.0.2 on Windows 7 Pro SP1 (without extension)
- OK : Firefox 48.0.2 in Safe Mode on Windows 7 Pro SP1 (without extension)
- OK : Firefox 48.0.2 on Windows 7 Pro SP1 (with at least one extension activated - FireBug)
- Bad : Firefox 48.0.2 on Windows Server 2012 R2 (without extension)
- OK : Firefox 48.0.2 in Safe Mode on Windows Server 2012 R2 (without extension)
- OK : Firefox 48.0.2 on Windows Server 2012 R2 (with at least one extension activated - FireBug)


You can try to check it on : 

http://jsbin.com/cazugapowo/1/edit?html,output


or directly with :

<select name="mychoice" id="mychoice" style="width:85%; background-color: white;">
	<option value="0" style="background-color:white;">-- Make a choice --</option>
	<option style="background-color:#54bbe1;" value="C1">Blue</option>
	<option style="background-color:#03ac67;" value="C2">Green</option>
	<option style="background-color:gold;" value="C3">Gold</option>
</select>





Actual results:

Background-color in the OPTION style attribut isn't interpreted on opening SELECT element.


Expected results:

Each OPTION will have it's own background color showed on opening SELECT element.

Comment 1

[Loic]

Attachment: screenshot-1300749-win7.jpg

WFM with my current profile on FF48.
If it works in safe mode, the issue is probably due to one of your add-ons.

Does it work normally with a fresh profile?
https://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles

Comment 2

[Timothy Nikkel (:tnikkel)]

What you are seeing it likely due to e10s. You can check by going to about:support and looking at "Multiprocess Windows". In e10s mode background colors of selects aren't painted, this matches how Chrome and Safari do it on my computer.

Comment 3

[ReportDemo]

(In reply to Timothy Nikkel (:tnikkel) from comment #2)
> What you are seeing it likely due to e10s. You can check by going to
> about:support and looking at "Multiprocess Windows". In e10s mode background
> colors of selects aren't painted, this matches how Chrome and Safari do it
> on my computer.

Thanks for your reply.

Have you got some documentation (links) on this point ?

I've found about non painting during fast scrolling, problems when OPTIONs were inserted after SELECT rendering, .. but not explicitly about the background OPTIONs / SELECTs.

Comment 4

[Loic]

(In reply to ReportDemo from comment #3)
> (In reply to Timothy Nikkel (:tnikkel) from comment #2)
> > What you are seeing it likely due to e10s. You can check by going to
> > about:support and looking at "Multiprocess Windows". In e10s mode background
> > colors of selects aren't painted, this matches how Chrome and Safari do it
> > on my computer.
> 
> Thanks for your reply.
> 
> Have you got some documentation (links) on this point ?
> 
> I've found about non painting during fast scrolling, problems when OPTIONs
> were inserted after SELECT rendering, .. but not explicitly about the
> background OPTIONs / SELECTs.

Styling <option> is broken with e10s, see bug 910022 for details.