Multiple sliders on the same page

[dzuz14]

Multiple sliders on the same page

[sergiofornet]

It seems the transitionend event is triggered twice for every slider on a page but the last. Using a ref to the slider and adding the listener to it instead of window did the trick for me.

[AvinashKomaturi]

Hey @sergiofornet, I am also facing the same issue. can you please explain to which component should I create ref?

[sergiofornet]

@AvinashKomaturi

The ref is created inside Slider component and passed to the container element via ref attribute:

<div css={SliderCSS} ref={sliderRef}>

Then that DOM element is used to add and remove the transitionend event listener.

I submitted a PR on this. #15

[AvinashKomaturi]

Thanks @sergiofornet

[DZuz14]

Fixed via #15 thank you!