Trying to build a content slider where the slides are animated automatically as well as by using next and previous arrows based on this GSAP slider codepen, while I could manage to do each case alone:
codepen where the slides are animated automatically
another codepen where it's controlled with arrows only.
the bug happens when trying to combine the two scenarios into one, it works well as long as the left and right arrows are not clicked, but if any arrow gets clicked (it's more obvious if you click the arrows more than one time) the animation seems like it lost the synchronization. I'm not sure if it could be fixed using .kill() to destroy the Tween and then re-initialize it but I'm not quite sure how to achieve that.
Link to the same question on stackoverflow
Thanks in advance