1471238 - Select option: cannot set font family and size

Status: RESOLVED DUPLICATE of bug 79107

(Core :: Layout: Form Controls, defect)

Description

[MartinParenteau1963]

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36

Steps to reproduce:

Set the font family style of individual select options:

<select>
    <option style="font-family: arial">Arial</option>
    <option style="font-family: 'Times New Roman'">Times New Roman</option>
    <option style="font-family: Verdana">Verdana</option>
    <option style="font-family: 'Comic Sans Serif'">Comic Sans Serif</option>
    <option style="font-family: 'Trebuchet MS'">Trebuchet MS</option>
</select>

And the font size for all options:

select,
option {
    font-size: 24px;
}

See this jsfiddle : https://jsfiddle.net/ConnorsFan/L5pevfcd/


Actual results:

The select options are displayed with the default font family and size.


Expected results:

Each select option should be displayed with the specified font family.
All options should be displayed with the font size specified in CSS.

The following browsers exhibit that expected behavior: Chrome, Opera, IE, Edge.

Comment 1

[Emilio Cobos Álvarez (:emilio)]

Yeah, thanks! This is a long-standing multi-process issue. This is a dupe of bug 79107, whose main blocker (bug 1421229) is being worked-on.

Comment 2

[MartinParenteau1963]

Two observations:

1. I just realized that this bug is marked as a duplicate of a bug submitted... 17 years ago. Wow.

2. The importance of the bug 79107 is set to "minor". When the select element is used to pick a font family, the ability to show each option with the corresponding font family is very important.