[Bug Report] text-truncate cuts off bottom part of title

[WIStudent]

Versions and Environment

Vuetify: 1.5.1
Vue: 2.6.6
Browsers: Firefox 65.0
OS: Windows 10

Steps to reproduce

Create a div with classes "title" and "text-truncate"

<div class=title text-truncate">
gggyyy
</div>

Expected Behavior

Bottom of text should not be cut off:

Actual Behavior

Bottom of text is being cut off

Reproduction Link

https://codepen.io/wistudent/pen/xMJPQq

[blalan05]

Simple fix, add a little padding: class="py-1". Text-truncate class only adds: overflow: hidden; text-overflow: ellipsis;

[06b]

However due to .title having a line-height:1 !important; when the .text-truncate is added the overflow:hidden; will cause the issue of cutting off descenders on letters.

Changing the line-height to 1.1 would fix the issue in this case or it could be switched to normal which is the default line-height & would then be up to the user agent to use a "reasonable" value based on the font of the element according to the spec at least.