Normalize.css: Slight clipping of input text in Chrome 73
The corresponding CSS is:
Changing line-height to 1.2 or greater fixes the clip.
I'm not experiencing this issue in Firefox 65 though.
Related #769
danielbachhuber
>All comments
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
mattbrundage
on 2 Jul 2019
Related issues
visicode
路
5Comments
ibrahemMR
路
3Comments
gitowiec
路
6Comments
slim-hmidi
路
3Comments
FDiskas
路
3Comments
Most helpful comment
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: normalis 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