Flicking components with horizontal drag block vertical drag

[gbyesiltas]

Description

Flicking components with horizontal drag block vertical drag on mobile. I believe this happened after 4.6.3 or 4.7.0

Steps to check or reproduce

Go to the demo on the flicking website on mobile (or on a mobile viewport on the devtools) and try to drag vertically by starting your drag on the flicking component. It won't cause a vertical scroll.

[malangfox]

Hello @gbyesiltas.
We have checked the inappropriate behavior you left behind.
This issue will be fixed in the next patch. We will notify you after the problem you reported is corrected.
Thank you for reporting!

[gbyesiltas]

Hello @gbyesiltas.
We have checked the inappropriate behavior you left behind.
This issue will be fixed in the next patch. We will notify you after the problem you reported is corrected.
Thank you for reporting!

Thank you! :)

[hyeon-9yu]

Is there a way to urgently modify it before applying the revised version?

[WoodNeck]

@hyeon-9yu
I believe this happened after 4.7.0, so you can either:

• use 4.6.x instead

npm i @egjs/flicking@~4.6.0

• Add the following CSS to the .flicking-viewport element

.flicking-viewport {
  touch-action: pan-y !important;
}

Fix will be made after naver/egjs-axes#185

[hyeon-9yu]

@hyeon-9yu I believe this happened after 4.7.0, so you can either:

• use 4.6.x instead

npm i @egjs/flicking@~4.6.0

• Add the following CSS to the .flicking-viewport element

.flicking-viewport {
  touch-action: pan-y !important;
}

Fix will be made after naver/egjs-axes#185

@WoodNeck Thank you for help!
I've been using the 4.4.3 version of react-flicking since before, so I don't know why it's happening.
And I tried the method you provided, it works android chrome, but it seems that the same issue still occurs in IOS safari.

[WoodNeck]

@hyeon-9yu
Did you try downgrading the version to 4.6.x?
If not, please try that way instead. We'll fix this asap in the next version :)

[malangfox]

@gbyesiltas
We have released Flicking 4.7.1 that fixes this issue.
Try using version 4.7.1 and leave a message if you encounter any problems.

[gbyesiltas]

@gbyesiltas
We have released Flicking 4.7.1 that fixes this issue.
Try using version 4.7.1 and leave a message if you encounter any problems.

Great, thank you :)

[limonte]

4.7.1 doesn't work as well :/

[gbyesiltas]

4.7.1 doesn't work as well :/

Hmm, 4.7.1 did work for me @limonte

[malangfox]

4.7.1 doesn't work as well :/

Hmm, 4.7.1 did work for me @limonte

Can you check whether the touch-action css property of an element that uses horizontal flicking is automatically set to pan-y?
If you are using the ios Safari browser, this problem will be fixed in the next patch.

[limonte]

v4.7.2, still doesn't work Safari on iPhone.

"Everyday 30 million people experience" isn't pleasant anymore. Are you testing this plugin on real devices before making releases?

[limonte]

v4.9.0 works fine 👍