line-clamp doesn't work properly on safari #9086
-
Line clap doesn't truncate the paragraph properly on safari |
Beta Was this translation helpful? Give feedback.
Replies: 4 comments
-
Hey I am not seeing an issue here in Safari. Can you please provide more details on what you're experiencing? Here's an example: https://play.tailwindcss.com/182J2l7rnr Which looks correct to me. Safari has had some bugs around line-clamp and interactions like this one where changing text color and removing line-clamp while hovering causes text to disappear. If you can provide a reproduction on what you're experiencing and what you expect to see instead we should be able to figure out how to help. |
Beta Was this translation helpful? Give feedback.
-
If you know what height you want the text to stay within, then you can do something like |
Beta Was this translation helpful? Give feedback.
-
in Safari, ellipsis do not place on the last line. |
Beta Was this translation helpful? Give feedback.
-
in Safari, ellipsis do not place on the last line. the cause might be fixed height, you can try to git rid of |
Beta Was this translation helpful? Give feedback.
If you know what height you want the text to stay within, then you can do something like
h-{value} line-clamp-{value} overflow-hidden