line-clamp in slide doesn't work safari

[dennisfrijlink]

Hello,

First I wanna thank you for this carousel component. I love the way it works and it's very easy to learn. Unfortunately I have one problem using the carousel in safari. I'm using text inside the slides and give them a line-clamp with CSS.

Here's my code: <carousel-3d> <slide <div> <div class="slide-heading"> <h1 class="title is-4">title</h1> <h2 class="subtitle is-6">subtitle</h2> </div> </div> </slide> </carousel-3d>

and the css: .slide-heading * { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

It works very well on chrome and firefox but on safari I have to first disable the css rule of the clamp and then enable it again to see the line-clamp (it doesn't work when I load the page). I tried everything but nothing worked.

Thank you in advance