Closed Bug 1069618 Opened 6 years ago Closed 5 years ago

linkedIn.com - Input cutting off descenders due to CSS line-height

Categories

(Web Compatibility :: Desktop, defect)

defect
Not set

Tracking

(Not tracked)

RESOLVED WORKSFORME

People

(Reporter: mats, Unassigned)

References

()

Details

(Keywords: top100, Whiteboard: [country-all] [css] [contactready])

The login text field clips the descenders due to the specified
CSS line-height.  See this screenshot:
https://bug1068560.bugzilla.mozilla.org/attachment.cgi?id=8490776

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.
Whiteboard: [country-all] [css] [contactready]
I don't see any line-height applied here, and the descenders appear fine.
Status: NEW → RESOLVED
Closed: 5 years ago
Resolution: --- → WORKSFORME
Product: Tech Evangelism → Web Compatibility
You need to log in before you can comment on or make changes to this bug.