Wlada / vue-carousel-3d

Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js
MIT License
972 stars 203 forks source link

line-clamp in slide doesn't work safari #144

Open dennisfrijlink opened 4 years ago

dennisfrijlink commented 4 years ago

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: ` <slide

title

subtitle

</slide>

`

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