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.

Event is extended once dragging starts

See original GitHub issue

Do you want to request a feature or report a bug?

bug

What’s the current behavior?

  1. Clone react-big-calendar
  2. Run yarn and yarn examples
  3. Visit http://localhost:3000/examples#dnd
  4. Drag the first event
  5. Event end date is changed once we start dragging

rbc-bug

What’s the expected behavior?

Event span should not be changed when it’s being dragged.

This problem doesn’t exist in v0.21.0 and is introduced in v0.22.0.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:7
  • Comments:5

github_iconTop GitHub Comments

5reactions
akhalinemcommented, Jul 16, 2019

I have the same issue

2reactions
brmkcommented, Sep 14, 2019

@alexseitsinger @josephktcheung @Abror1997 @erald14 we have found a workaround for this problem https://github.com/UpLab/react-big-calendar The problem is that this package relies on the date-arithmetic plugin of version 4.0.1 which has a significant bug in dates.add function when calculating the end date of the event on drag. The solution is to downgrade this dependency to 3.1.0. you can use react-big-calendar: github:UpLab/react-big-calendar#master in your package.json for now

Read more comments on GitHub >

github_iconTop Results From Across the Web

Event is extended once dragging starts · Issue #1387 - GitHub
Event span should not be changed when it's being dragged. This problem doesn't exist in v0.21.0 and is introduced in v0.22.0. The ...
Read more >
Docs Event Dragging & Resizing - FullCalendar
Allow events' start times to be editable through dragging. ... Time it takes for an event to revert to its original position after...
Read more >
7.7 Drag and drop — HTML5 - W3C
To make an element draggable is simple: give the element a draggable attribute, and set an event listener for dragstart that stores the...
Read more >
Drag-and-drop events in JavaScript - OpenReplay Blog
Drag Events are an extension of the mouse events provided to us by the HTML Drag and Drop API, and they are available...
Read more >
dragend, dragenter, and dragleave firing off immediately when ...
They seem to fire off all the drag events at once as soon as you start dragging them. I'm using the latest Chrome...
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