Scrolltrigger/SmoothScroller conflict with Slick slider on mobile

[GsapNewbie]

Hi,

 

It's me again, currently having an issue on using slick slider when on mobile/tablet view, on desktop everything works fine.

 

What I notice is when I try to slide on the next image(as a bg image), it zooms in and does not move to the next slider.

 

Not sure if it is a conflict between scroll trigger or smooth scroller.

 

See the Pen mdQvKLV by dxbdevy (@dxbdevy) on CodePen

[Rodrigo]

Hi,

 

I just tested the codepen on an android phone and an iPad and can't really understand what's the issue 🤷‍♂️

 

Can you please create a minimal demo (the current one has over 350 lines of HTML) that clearly shows the issue only on the part that is not working? I can't find where or what the problem is in your current demo.

 

Happy Tweening!

[GsapNewbie]

@Rodrigo

 

updated codepen below

 

See the Pen KKrYVYp by dxbdevy (@dxbdevy) on CodePen

 

The issue is, when on tablet or mobile, the slick slider is not working properly, it zooms(images) when I try to swipe the images and wont move to the next slider, not sure if it is because of scrolltrigger

[GsapNewbie]

found the issue, it was the container of the slick slider(should not be in a grid or flex), not an issue with scrolltrigger