Open Bug 1445885 Opened 6 years ago Updated 1 year ago

Text transform not working on select options

Categories

(Core :: Layout: Form Controls, defect)

Product:
Core
Component:
Layout: Form Controls
Version:
58 Branch
Type:
defect

Tracking

()

Tracking Flags:
Tracking Status
firefox-esr52 --- wontfix
firefox59 --- wontfix
firefox60 --- fix-optional
firefox61 --- affected

People

(Reporter: alan.shortis, Unassigned)

References

(Blocks 1 open bug)

Details

(Keywords: multiprocess) 

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:58.0) Gecko/20100101 Firefox/58.0
Build ID: 20180206200532

Steps to reproduce:

Created a select field with all options coming from a database, all in lower case. Added CSS text-transform to capitalize the text displayed.


Actual results:

Only the selected option is capitalized, all other (unselected) options remain in lower case. This occurs when selecting just the select field, and selecting each option within.

The same error occurs for all text-transform values.

https://codepen.io/alanshortis/pen/xWVmMX


Expected results:

All options, selected or not, should be transformed according to the property value in use.
I can reproduce the problem on Windows10 Nightly61.0a1 x64.
If disabled e10s, the problem is gone.
Blocks: e10s-select-styling
Status: UNCONFIRMED → NEW
status-firefox59: --- → wontfix
status-firefox60: --- → fix-optional
status-firefox61: --- → affected
status-firefox-esr52: --- → wontfix
Component: Untriaged → Layout: Form Controls
Ever confirmed: true
Keywords: multiprocess
Product: Firefox → Core
This is essentially the same issue as bug 1350258, just with another property.

The same applies to many other properties you might apply to the <select> ... e.g. try font-weight:bold and font-style:italic.
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.