naver / egjs-flicking

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.

Home Page:https://naver.github.io/egjs-flicking/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flicking is blocked on mobile view

Maximepzv opened this issue · comments

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

chrome_dy9DzG0NAk.mp4

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?

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

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.