Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Allow drag scroll on mobile when locking horizontal axis #18022

Open
Humberd opened this issue Dec 20, 2019 · 7 comments
Open

Allow drag scroll on mobile when locking horizontal axis #18022

Humberd opened this issue Dec 20, 2019 · 7 comments
Labels
area: cdk/drag-drop P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@Humberd
Copy link

Humberd commented Dec 20, 2019

What are you trying to do?

When on mobile device I try to scroll down by touching a draggable element, that can only by moved left or right, it will initiate dragging instead.

Reproduction

Here is a simple example. Open it on a mobile device.

Try to scroll to the bottom. You can do it freely when not touching a draggable element, but you are unable to do it when touching it. How not to trigger dragging when moving vertically?

https://stackblitz.com/edit/angular-6scebl-mk8i9o?file=app/cdk-drag-drop-axis-lock-example.html

Environment

  • Angular: 9.0.0-rc7
  • CDK/Material: 8.2.4
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Android Oreo
@Humberd Humberd added the troubleshooting This issue is not reporting an issue, but just asking for help label Dec 20, 2019
@FMagarik
Copy link

@Humberd Did you get it to work? I'm having the same issue
@Humberd
Copy link
Author

Humberd commented Jan 31, 2020

@FMagarik Hey, unfortunately for now I ignored the this feature on my app.
@FMagarik
Copy link

FMagarik commented Feb 1, 2020 •
edited
Loading

I finally got it to work by using the cdkDragStartDelay directive recommended by this documentation. A value of 100ms worked for me
@Achilles1515
Copy link

@FMagarik can you close this issue?
@mmalerba mmalerba added the needs triage This issue needs to be triaged by the team label May 20, 2020
@crisbeto crisbeto added area: cdk/drag-drop and removed needs triage This issue needs to be triaged by the team troubleshooting This issue is not reporting an issue, but just asking for help labels May 28, 2020
@crisbeto
Copy link
Member

Looks like the original issue was resolved. Closing.
@Humberd
Copy link
Author

Humberd commented May 28, 2020 •
edited
Loading

@crisbeto The original? Can you link it?
@crisbeto
Copy link
Member

Ah sorry, I thought that the last comment from @FMagarik was referring to the initial issue.
@crisbeto crisbeto reopened this May 28, 2020
@crisbeto crisbeto added the P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent label May 28, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: cdk/drag-drop P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
5 participants
@FMagarik @crisbeto @Humberd @mmalerba @Achilles1515