Line-clamp with large text gets cut-off

[mohamedcherifmo]

What version of Tailwind CSS are you using?
Tailwind 3.0

What build tool (or framework if it abstracts the build tool) are you using?

Tailwind Play

What browser are you using?

Edge

Reproduction URL

(https://play.tailwindcss.com/W6SR7G3PJL)
.

Describe your issue

Refer to the "g" in the word good, it's cut-off since the line-height is too small for the line-clamp. If line-height is inherit it would function normally

[adamwathan]

Hey! If you need to change the line-height you can just override it with a utility.

[mohamedcherifmo]

yes but there is no line height inherit in the default options (https://tailwindcss.com/docs/line-height), correct?
and should the default line-height cater for clamp font-size for clamp?

[simonmaass]

i have the same problem

[rozsazoltan]

Related: Descenders of letters get cropped out when using -webkit-line-clamp with reduced line-height

padding-bottom

@utility line-clamp-* {
  padding-bottom: calc(0.2lh - 0.035em);
}

• https://play.tailwindcss.com/lj7DQoMR8K?file=css

line-height

@utility line-clamp-* {
  line-height: var(--tw-leading, revert);
}

• https://play.tailwindcss.com/ViPoSGFh8q?file=css