Unable to drag to the last column (sunday) on low resolution devices + Scrolling not working with dragging event

[rajeshgajraj]

Q1: If dividing the width of the screen in the ratio of like 20% to the left side menus and the remaining 80% to the calendar (.calendarContOuter), then the user can't drag the event to the last column (Sunday) for resolution 1368x768 (16:9), it works fine for 1920x1080 (16:9), Also If increase the browser zoom level to 125% or 150% user can't even drag to the second last column (Saturday) too.

Q2: Dragging not working as expected while scrolling up/down to the screen to move an event. Like if you have an event at 08:00 AM and want to drag it to 09:00 PM.

Any help will be appreciated.

[JackySw]

Did you ever found a solution for Q1?

[GerrGIT]

Hi,

It is because the values of the containment of ui.draggable are not correct. This is because if you center the agenda for example, the left margins are not calculated correctly.

This can be fixed by changing this:

iCalendarMarginLeft = $(to.elem).css("margin-left");
iCalendarMarginLeft = parseInt(iCalendarMarginLeft.replace("px", ""));

Into this:
iCalendarMarginLeft = $(to.elem).offset().left;

It occurs a few times in the code.