question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Drag events issue on scroll

See original GitHub issue

Describe the bug Hi, I have divided my day view into 15 mins slots and I have made the calendar scrollable. Now on dragging an event from top to bottom the calendar is not scrolling automatically. The event is coming along with the pointer but not dropping in the correct time.

Minimal reproduction of the problem with instructions

You can replicate the issue in the below link

Try to drag the event from 12 and drop it in 10 it will drop in some other time.

Screenshots

Versions Angular 4

  • @angular/core:
  • angular-calendar:
  • Browser name and version:

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
mattlewis92commented, Apr 21, 2019

Should be fixed now in 0.27.5! (Note in the example you gave, you’ll need to make the mwl-calendar-day-view component scrollable instead and add mwlDraggableScrollContainer to it so the drag and drop library knows which is the scrollable container)

0reactions
mattlewis92commented, Jun 11, 2019

@eshan1987 can you make a runnable repro on stackblitz or something that shows the problem?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Pairing a Javascript drag event with a scroll event
In your scroll event handler you do not fire the drag event. You only set the div position which doesn't cause the drag...
Read more >
Drag to scroll
Drag to scroll. User often uses the mouse to scroll in a scrollable container. ... The cursor: grab indicates that the element can...
Read more >
Using the event "on drag start", auto-scroll doesn't work ...
- As a result, I used the event "on Swipe Up" and it works - the panel moves and is still scrollable. However,...
Read more >
Scroll list how to handle click and drag for better experience?
But that button is messing up the smoothness of the drag-scroll, ... Now, the problem I'm facing is that because I override the...
Read more >
Drag'n'Drop with mouse events
But native Drag Events also have limitations. For instance, we can't prevent dragging from a certain area. Also we can't make the dragging ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found