is-visible class when interaction starts.

[diegogutierrez-dev]

👋 First of all, I have to say that this package is fantastic and thanks for that!

I'm creating a carousel where the track has no overflow, allowing the user to see all the elements off the "container". By Design, I wanted the off elements to be in a lower opacity, for this I'm relying on the "is-visible" class. Now I see that the is-visible class is added when the "transition" is completed.

With this, my question would be; Is there any way I can workaround this to allow the user to see faster opacity change between move and move?

Thanks in advance! 🙇

[diegogutierrez-dev]

wave First of all, I have to say that this package is fantastic and thanks for that!

I'm creating a carousel where the track has no overflow, allowing the user to see all the elements off the "container". By Design, I wanted the off elements to be in a lower opacity, for this I'm relying on the "is-visible" class. Now I see that the is-visible class is added when the "transition" is completed.

With this, my question would be; Is there any way I can workaround this to allow the user to see faster opacity change between move and move?

Thanks in advance! bow

While re-reading the documentation I found the solution for this; enabling updateOnMove. Notice that if you rely on .is-visible to add custom styles this won't work you will have to use .is-active.