119495 - Blank select option is shorter than normal options

Status: NEW

(Core :: Layout: Form Controls, defect)

Description

[[e-mail]]

Using Build ID: 2002011003
A completely blank select option isn't the same height as options which have text.
I'm sure that this used to work, but I don't know when it regressed :-(

Comment 1

[rods (gone)]

This did used to work.

Comment 2

[Boris Zbarsky [:bzbarsky]]

This worksforme with a current Linux nightly.  Is this Windows-only?

Comment 3

[[e-mail]]

In my linux build, using my preferred fonts, the blank option is 14px; the
normal option, 16px.
In my mingw build, using the default fonts, the blank option is 13px; the normal
option, 16px.
In my 1.4 release, using my preferred fonts, the blank option is 10px; the
normal option, 13px.

Comment 4

[Boris Zbarsky [:bzbarsky]]

Oh, I see.  So it's just a tiny little bit shorter... gotcha.  I see that too.

Comment 5

[[e-mail]]

It must be my imagination that the requester's option looks shorter than it is.

Comment 6

[Boris Zbarsky [:bzbarsky]]

Is this still an issue?

Comment 7

[[e-mail]]

There's still a small (~10%) reduction in height, yes.

Comment 8

[Boris Zbarsky [:bzbarsky]]

Ah, the issue is that "min-height: 1em" doesn't actually seem to give you the same height as a strut would...

Is there a simple way to use CSS to give the strut height?  I'd rather not do stuff like tossing generated-content non-breaking spaces into empty <option>s...

Comment 9

[Joshua Lawrence]

Attachment: test case

Comment 10

[Justin [:JW_SoftvisionQA]]

I can not reproduce this issue on: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0

Hey Boris, can you still reproduce?

Comment 11

[Boris Zbarsky [:bzbarsky]]

The attached testcase definitely reproduces the problem for me in a current Mac build: the three comboboxes are different heights there.

Comment 12

[Justin [:JW_SoftvisionQA]]

Ok thank you Boris. I see the issue now. It's a weird one. I did find a workaround. Im sure this is known but here it is:

<select>
    <option value="">&nbsp;</option>
</select>

or in CSS making all of the select heights the same. 

I did notice another issue when implementing this fix. the select box is the same height as the others but the option width exceeds the select width within the blank select option.