Closed Bug 1069618 Opened 11 years ago Closed 11 years ago

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

Categories

(Web Compatibility :: Site Reports, defect)

Product:
Web Compatibility
Component:
Site Reports
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
RESOLVED WORKSFORME

People

(Reporter: MatsPalmgren_bugz, Unassigned)

References

(
URL
)

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: 11 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.