Allow drag scroll on mobile when locking horizontal axis

[Humberd]

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

[FMagarik]

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

[Humberd]

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

[FMagarik]

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

[Achilles1515]

@FMagarik can you close this issue?

[crisbeto]

Looks like the original issue was resolved. Closing.

[Humberd]

@crisbeto The original? Can you link it?

[crisbeto]

Ah sorry, I thought that the last comment from @FMagarik was referring to the initial issue.