Our pure JavaScript Scheduler component


Post by brandonl »

When an event is partially off the schedule and you pick it up to drag it, the entire event is rendered on the schedule instead of just the small section that should be. This issue happens when the constrainDragToTimeline setting in the eventDrag config is set to false.

To reproduce
1. Go to https://www.bryntum.com/examples/scheduler/drag-between-schedulers/
2. Extend the "Fourth Task" event (resource: Linda) to have an end time of 3:00pm
2. Move the event so that the start time is 1:00am and the end time is 8:00am (you'll actually notice the issue at this point)
3. Grab the event and begin to move it to the right

Expected outcome: The event moves to the right and only the portion of the event that should be visible is shown
Actual outcome: The entire event appears and it is no longer clear where the event will be scheduled when dropped

Thanks,
Brandon

Post by saki »

Actually, this is the expected behavior when constrainDragToTimeline is set to false. The documentation of the option says:
Set to false to allow dragging tasks freely on the page, useful when you want to drag tasks between multiple Scheduler instances
Basic demo shows the behavior you suggest but there we do not need to drag to another scheduler so we can have contrainDragToTimeline true (the default).

Post Reply