I really can\'t figure out what\'s going on in this case. On the multiline pieces of text, the bottom few pixels are cut off.
Changing font-size and font-family is just a workaround. I had same issue. It works well in Firefox however not in Chrome. Check padding or margin of the input box. It was padding in my case. I changed padding:6px to padding:0px 6px; in my case.
font-size
font-family
padding
margin
padding:6px
padding:0px 6px;
This fix mine:
letter-spacing: normal;