Drag and Drop interfering with scroll Angular 7 CDK [ionic] [angular]

40
March 20, 2019, at 02:40 AM

I have an ionic app, which is built in angular, and thus has angular cdk drag and drop in it to rearrange a list. Drag and drop works great, however, on mobile, I cannot scroll at all. I believe the drag and drop gestures are eating up my scroll gestures.

I've attempted to set the cdkDragStartDelay to 5000 (milliseconds):

<cu-task-row
  cdkDrag
  [cdkDragData]="task"
  [cdkDragStartDelay]="5000"

It does delay the drag, but I still cannot scroll.

Is it possible to scroll and have drag and drop implemented in mobile using Angular cdk?

Answer 1

I took a look at these docs on my tablet just to try it out and I can scroll as long as I initiate the scroll from outside of the drag drop elements. Have you tried adding some empty space around your drag drop elements to see if you can initiate a scroll then?

https://material.angular.io/cdk/drag-drop/overview

READ ALSO
WSSE Authorization

WSSE Authorization

first time in my life i stuck with problem which i can't resolveI spent one day to try and can't understand whats wrong : On server i have X-WSSE auth system :

47
Fatal signal 6 (SIGABRT), code -6 (SI_TKILL) in tid 18611 (GLThread 17523), pid 13022 [on hold]

Fatal signal 6 (SIGABRT), code -6 (SI_TKILL) in tid 18611 (GLThread 17523), pid 13022 [on hold]

I am facing weird crash that is happening only in Nokia Pie device

21
Android net::ERR_CACHE_MISS on debug output

Android net::ERR_CACHE_MISS on debug output

I realise that this question has been asked (and solved) here before, however the most frequent and obvious solution, which is to place

36
Adding reference to Java.Util in .NET Core 2.1 project

Adding reference to Java.Util in .NET Core 2.1 project

I'm writing unit tests to xamarin android projectI need class IEnumeration, which belongs to Java

43