The Calendar animation is incorrect when the width or the height of the calendar body is changed via css class. I have made some changes to the __Calendar.js__ file to fix the issue. I dont know if it the best fixe but it seams to work correctly.
__Code change summay__
Removed Hard-Coded Variable
this._width = 170;
this._height = 139;
Replace Variable By Corresponding
newElement.offsetWidth
newElement.offsetHeight
oldElement.offsetWidth
oldElement.offsetHeight
Exemple:
$common.setLocation(newElement, { x: 0, y: newElement.offsetWidth });
$common.setLocation(newElement, { x: 0, y: newElement.offsetHeight });
Include modified javascript. Hope this will help.
Comments: Modify: Calendar container and body width and height via CssClass: .ajaxCalendar .ajax__calendar_container { width: 250px;} .ajaxCalendar .ajax__calendar_body { height: 240px;} After: click header on month/year + select a date. The inner calendar animation content is displaced.
__Code change summay__
Removed Hard-Coded Variable
this._width = 170;
this._height = 139;
Replace Variable By Corresponding
newElement.offsetWidth
newElement.offsetHeight
oldElement.offsetWidth
oldElement.offsetHeight
Exemple:
$common.setLocation(newElement, { x: 0, y: newElement.offsetWidth });
$common.setLocation(newElement, { x: 0, y: newElement.offsetHeight });
Include modified javascript. Hope this will help.
Comments: Modify: Calendar container and body width and height via CssClass: .ajaxCalendar .ajax__calendar_container { width: 250px;} .ajaxCalendar .ajax__calendar_body { height: 240px;} After: click header on month/year + select a date. The inner calendar animation content is displaced.