necolas
Slight clipping of input text in Chrome 73
The corresponding CSS is:
https://github.com/necolas/normalize.css/blob/fc091cce1534909334c1911709a39c22d406977b/normalize.css#L160-L169
Changing line-height to 1.2 or greater fixes the clip.
I'm not experiencing this issue in Firefox 65 though.
Related #769
The descenders (the "g" characters) are clipping because the particular font-family in use here has a computed content-area height that is significantly more than the computed virtual-area height (that is, the line-height). This might help illuminate the issue: https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align
The corresponding CSS rules you cited presuppose that the font-family that's getting inherited has a computed content-area that's within a typical (normal) range.
line-height: normal is based on font metrics. Using it in this situation will likely prevent clipping,
It would be good to have a reduced test case that loads the font-family depicted in your screenshot
This occurs in Chrome 87 on Windows with the common font Segoe UI. For example, see the search box at the top left of https://pradyunsg.me/furo/
Setting line-height: normal fixes the problem.
@mhsmith , line-height: normal is -- not coincidentally -- the default value in Chromium, Gecko, and WebKit user agent stylesheets.
There is no longer a need to normalize line-height here. See my previous comment in this issue.