Feature request: prevent vertical dragging

[firma777]

Imagin we have a cards that fulfill most of the mobile display area. In that case we have not a chance to scroll page up / down becasue instead of scrolling the page you can only swipe the card. It would be greate to have an ability to prevent vertical dragging.

[leancer]

having same issue.

[3DJakob]

I see the problem! This, however, is a hard one to solve because even if we implement so that the cards won't accept vertical dragging the event will already have been triggered and therefore it will still prevent the user from scrolling. And even if you would send back the drag then it would make the code complicated since a ref would need to be used to push props upstream. Perhaps you could solve it by making a div on top of the cardstack and intercepting drag events and only passing them through when they do not start dragging downwards however this will likely cause a lot of other issues.

The best way to solve this would probably be to make the card swipe a horizontal scroll area all together but that would require a completely different approach than this module uses.

Do you have any proposed way of implementing this?

[3DJakob]

Perhaps changes could be made to the prevent.default on the touchStart event as mentioned here. Setting that dynamically depending on what direction the finger is headed could be a solution.

[muhammedogz]

Is there any solution for this? I wonder it too.
It should not be prevented for scrolling down the page.

[anonimitoraf]

Perhaps changes could be made to the prevent.default on the touchStart event as mentioned #37 (comment). Setting that dynamically depending on what direction the finger is headed could be a solution.

Thanks for this suggestion @3DJakob ! I'll fork this repo and try it out.

[nikkizol]

@anonimitoraf did you mange to fix this?

[nikkizol]

need to able to scroll vertically, any solution?

[coreyarch4321]

I would appreciate a solution here too. This seems to be an important area of improvement.