Select element sizing inheritance causes garbled characters
Categories
(Core :: Layout: Scrolling and Overflow, defect)
Tracking
()
People
(Reporter: jeremy, Unassigned)
Details
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:131.0) Gecko/20100101 Firefox/131.0
Steps to reproduce:
- Create a select element in HTML
- Style the font size of the body using clamp (a mixture of percentages and vi units).
- Apply a font size of 1rem to the select element.
https://codepen.io/adactio/pen/MWNpMoy
Actual results:
When the select element is expanded, the characters in the option elements display as garbled gobbledegook.
Expected results:
The characters in the option elements should be displayed legibly.
Note: if the clamp declaration is applied directly to the select element, this bug doesn't occur. It only appears when calculating the value of 1rem.
|
||
Comment 1•1 year ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Layout: Scrolling and Overflow' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
|
Reporter | |
Comment 2•1 year ago
|
||
Hmmm …after disabling (and then re-enabling) browser extensions, this problem no longer appears.
Sorry!
Description
•