1499184 - <select size=1> inline-size is too narrow when it renders a display:none <option>

Status: RESOLVED FIXED

(Core :: Layout: Form Controls, defect, P4)

Description

[Mats Palmgren (inactive)]

Attachment: Testcase

The two <select>s in the testcase renders exactly the same in
Edge, Chrome, and Safari, respectively.

In Firefox, the 2nd <select> in each set appears to have a too narrow content-box inline-size.

Comment 1

[Mats Palmgren (inactive)]

Actually, you'll need a fix for bug 1499127 to see the <option>
in the 2nd <select> at all...

Comment 2

[Mats Palmgren (inactive)]

Attachment: fix+reftest

FYI, this also fixes the bug on Android, but I'm skipping the reftest
there because the -ref renders differently there for some *other* reason.
(Presumably because of some weird rule in
mobile/android/themes/geckoview/content.css as usual.)

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/mozilla-inbound/rev/a218f406da67
Add some inline-axis padding after the <select size=1> display frame to avoid the text being flush to the dropdown button when we have a display:none <option>.  r=jwatt

Comment 4

[Daniel Varga [:dvarga]]

https://hg.mozilla.org/mozilla-central/rev/a218f406da67

Comment 5

[Ryan VanderMeulen [:RyanVM]]

Does this need a Beta uplift request?

Comment 6

[Mats Palmgren (inactive)]

Nope.