drag&drop with scroll on mobile/pad Chrome

[AstRonin]

Describe the bug

Calendar type: day-view-scheduler
There does not work expectable Drag&Drop (up and down) with Scroll on mobile/pad Chrome. (About iPad/iPhone I don't know because I have not these).

• On Demo and my site drag&drop works but scroll not works.
• On my sample (look link below) drag&drop and scroll work both at one time.

Minimal reproduction of the problem with instructions

Please look to test page:
https://angular-lrkesj.stackblitz.io
And you can find on your demo site:
https://mattlewis92.github.io/angular-calendar/#/day-view-scheduler

Versions

• "@angular/core": "6.1.9",
• "angular-calendar": "^0.26.4",
• Android 7.0
• Chrome 71

Note

On this page
https://fullcalendar.io/releases/fullcalendar-scheduler/1.9.4/demos/vertical-resource-view.html
you can find how it should work: drag&drop activate after LongType on screen, before works scroll...
Do you use long type events https://fullcalendar.io/docs/touch?

[AstRonin]

ok..., I just seen https://github.com/mattlewis92/angular-calendar#does-this-calendar-work-with-mobile ...

[AstRonin]

I found something, if I remove (mwlClick) from mwl-calendar-day-view-hour-segment, then scroll works better

[mattlewis92]

The issue is caused by hammerjs adding these properties to all clickable elements:

If you use your own CSS to override them then it should fix the issue. Or if you remove hammerjs it will also fix it, but then you lose the responsiveness on click. I spent a long time fiddling about with this trying to find a solution to this issue that works out the box, but couldn't find anything. If you can work out a solution and could send a PR that would be amazing! 😄

[mattlewis92]

Looks like @wendlandreas found a solution here for anyone that's interested: #724 (comment)

[AstRonin]

I am not sure what understand how I can use it... Can you please put it to Day Schedule Example?

[mattlewis92]

Sure, I just added it to the demo. To use it

1/ Upgrade to the latest version of the calendar: npm i angular-calendar@0.26.9
2/ Add this to the providers of your root app module

I just tested it on chrome on ios and it's working pretty well now 😄

[fquirozjara]

Hi! @mattlewis92 thanks a lot for that fix, but i have some trouble when i try to use (press)="something()" on ios, all works fine until i use that press function and i lost scrolling again,

[mattlewis92]

Sorry I don't really do a lot of mobile development or use hammerjs myself, that solution was copied from another user

[AstRonin]

@fquirozjara For mobile platform I use Context Menu as temp and acceptable solution (I'm not implemented this fix yet for me)