1068560 - Input padding cutting off descenders

Status: RESOLVED DUPLICATE of bug 1059742

(Core :: Layout: Form Controls, defect)

Description

[Elbart]

Attachment: netflixaroundtheworld_fx_cr_ie.png

Nightly
Win7

Open URL, see the input-field with pre-filled text ("Breaking Bad, Frozen, The Office").

Also happening with HWA off or in safemode.

IE11 and Chrome 37 are fine.

Comment 1

[Elbart]

Attachment: netflixaroundtheworld_mobile_fx_cr.png

Mobile and Linux are affected, too.

Comment 2

[Elbart]

Attachment: netflixaroundtheworld_linux_fx_cr.png

Comment 3

[Boris Zbarsky [:bzbarsky]]

This is a duplicate of a known bug on the fact that IE and Chrome have some sort of can't-be-described-in-CSS behavior here.

Comment 4

[Loic]

Dupe of bug 1064775?

Comment 5

[Elbart]

Attachment: linkedin.png

For some change, here's a high-profile example: LinkedIn.

Comment 6

[Mats Palmgren (inactive)]

Testcase based on the LinkedIn page:
data:text/html,<input style="font-size:13px; line-height:13px;">

Type "ggg" and then drag-select it vertically.  It scrolls, hence it overflows
the content height we calculated.

http://dev.w3.org/csswg/css-inline/#InlineBoxHeight
says "The line-height value will specify the exact extended block-progression
dimension of each box generated by the element"

So I think the height is correct per spec for the given styles.

Solution: remove the explicit line-height.

Comment 7

[Mats Palmgren (inactive)]

http://netflixaroundtheworld.com/ has an explicit 'height', so it's a dupe of
bug 1059742.

Comment 9

[Mats Palmgren (inactive)]

I filed Tech Evang bugs for both sites: bug 1069618, bug 1069634.