search

naver / egjs-flicking

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.
https://naver.github.io/egjs-flicking/
MIT License
2.75k stars 128 forks source link

Flicking is blocked on mobile view #831

Open Maximepzv opened 1 year ago

Maximepzv commented 1 year ago

Description

I seem to have a problem when the browser window is small, the slider freezes and I can't scroll horizontally. I'm running Flicking with React.

Steps to check or reproduce

I reproduced the problem on a sandbox. Pleaqe, toggle the reactive preview and refresh the browser view : https://codesandbox.io/s/flicking-forked-dcqy8h

https://github.com/naver/egjs-flicking/assets/26172335/b3252581-1f4a-4557-ad3c-4bd4b7920dd7

malangfox commented 1 year ago

Hello @Maximepzv.

It seems that we don't have access to the demo link you left. We are welcome if you're willing to provide a demo about this issue, could you give us another link that we can see?

Maximepzv commented 1 year ago

Hi @malangfox, Thanks for your help and sorry for the dead link, here is a new one https://codesandbox.io/s/flicking-r675kr

pukmajster commented 11 months ago

For me this behaviour only occurred when i had "overflow: auto" set on my child panels. Removing the overflow property fixed the mobile scrolling. Thing is, i need the scrolling inside of my child panels, so by setting the nested prop to true on the Flicking component, the mobile input works fine and scrolling within child panels also seems to work.