Select option does not support text-transform CSS property
Categories
(Core :: Layout: Text and Fonts, defect)
Tracking
()
People
(Reporter: liam.crean, Unassigned)
References
Details
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:93.0) Gecko/20100101 Firefox/93.0
Steps to reproduce:
Select option does not support text-transform CSS property on all options - only on selected option from a list.
Actual results:
https://codepen.io/liamcrean/pen/gOxWpeE
Try selected and unselected options - list of unselected options defaults to lowercase
Expected results:
Should be able to style option by case.
|
||
Comment 1•4 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Layout: Text and Fonts' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
|
||
Comment 2•4 years ago
|
||
I can reproduce the issue in Nightly95.0a1 Windows10.
However, It works as expected in Nightly95.0a1 if e10s is disabled(set MOZ_FORCE_DISABLE_E10S=95.0a1).
|
||
Comment 3•4 years ago
|
||
Hmm... adding text-transform to the list of supported properties here and the matching list in SelectParent.jsm seems like it ought to make this work.
But it doesn't -- at least, not quite. It works, in that the property gets passed across; but the capitalize value still doesn't work, although uppercase and lowercase do.
I assume this means we're taking a simplified/shortcut code path when rendering the options, and it fails to support all the text-transform values. In particular, we rely on flags set by the line-breaking scanner to determine where capitalize applies; perhaps this isn't being done at all for the options.
Description
•