search

Wlada / vue-carousel-3d

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

Front image disappear #155

Open darreola opened 4 years ago

darreola commented 4 years ago

For some reason when i move the mouse fast over the carousel when is sliding the front image disappear

edmi1994 commented 4 years ago

hello maybe you found the solution? The same thing happens to me with dynamic slides

darreola commented 4 years ago

Seem like transform: none !important; from .carousel-3d-slide.current is the problem i change to transform: translateX(0) translateZ(0) rotateY(0deg); and seems to be working now

edmi1994 commented 4 years ago

in my case when loading the page the current one does not show maybe you can give me a hand?

darreola commented 4 years ago

I don't know if can help you maybe u share some of your code

edmi1994 commented 4 years ago

Hello, this is my code, it happens that when I load the page for the first time I realize with the inspector the first slide does not have the current class and that is why it does not appear, I have to interact so that the current class appears and appears} ` 

    </carousel-3d>`
talkbear commented 4 years ago

Seem like transform: none !important; from .carousel-3d-slide.current is the problem i change to transform: translateX(0) translateZ(0) rotateY(0deg); and seems to be working now

it works for me too, thanks.

darreola commented 3 years ago

@edmi1994 maybe is the way you populate periodicos, sometimes i add a flag to do not render the component until the data is mounted or populate. Other idea is pass your own class to <slide with :class="{classNeeded:forceCondition}"