381638 - [Mac] Aqua <select> and <input type="text"> don't vertically align with each other

Status: RESOLVED WORKSFORME

(Core :: Widget: Cocoa, defect)

Description

[Jesse Ruderman]

Attachment: screenshot

On http://www.squarefree.com/start/, the Amazon <select> and <input type="text"> don't vertically align with each other.  The <select> is too low.

Tested with a trunk build from half an hour ago, while native-looking Mac form widgets (bug 175279) were temporarily turned on.

Comment 1

[Jesse Ruderman]

Hmm, maybe the <select> is just too tall.  It looks like it's a few pixels taller than Safari's...

Comment 2

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

The font size in <select>s is too big by a few px, see e.g. bug 262191; that's probably part (if not all) of this.

Comment 3

[Asa Dotzler [:asa]]

This is not improved by the smaller font size for the select. 

Comment 4

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

Attachment: testcase

This is just the part of Jesse's page that goes with the screenshot as a local attachment.

Comment 5

[ovidiu boca[:Ovidiu]]

Hi, 

I have tested this issue on Mac OS X 10.10 with FF Nightly 48.0a1 (2016-04-13) and I have noticed that the <input type= "text"> box is bigger than the <select>, please see the attached file. Jesse can you verify this on your end with latest version?

Comment 6

[ovidiu boca[:Ovidiu]]

Attachment: printscreen.png

Comment 7

[Tracy Walker [:tracy]]

Alignment is correct in latest Nightly 49.0a1, 20160518030234 at https://bug381638.bmoattachments.org/attachment.cgi?id=274091

ovidiu, please file a separate bug for the text box being too tall.  Chrome still displays this bug, but has the text box sized correctly.