@syncfusion/ej2-schedule 21.2.3 → 21.2.4

package/dist/es6/ej2-schedule.es2015.js

@@ -8130,10 +8130,21 @@ class TimelineEvent extends MonthEvent {
                     'width': appWidth + 'px', 'left': appLeft + 'px', 'right': appRight + 'px', 'top': appTop + 'px'
                 });
                 this.wireAppointmentEvents(appointmentElement, event);
-                this.renderEventElement(event, appointmentElement, cellTd);
                 if (this.parent.rowAutoHeight) {
+                    const conWrap = this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
+                    const conWidth = conWrap.getBoundingClientRect().width;
+                    const isWithoutScroll = conWrap.offsetHeight === conWrap.clientHeight &&
+                        conWrap.offsetWidth === conWrap.clientWidth;
+                    this.renderEventElement(event, appointmentElement, cellTd);
                     const firstChild = this.getFirstChild(resIndex);
                     this.updateCellHeight(firstChild, height);
+                    if (isWithoutScroll &&
+                        (conWrap.offsetWidth > conWrap.clientWidth || conWidth !== conWrap.getBoundingClientRect().width)) {
+                        this.adjustAppointments(conWidth);
+                    }
+                }
+                else {
+                    this.renderEventElement(event, appointmentElement, cellTd);
                 }
             }
             else {
@@ -8225,6 +8236,21 @@ class TimelineEvent extends MonthEvent {
             }
         }
     }
+    adjustAppointments(conWidth) {
+        const tr = this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS + ' tbody tr');
+        this.cellWidth = this.workCells[0].getBoundingClientRect().width;
+        const currentPercentage = (this.cellWidth * tr.children.length) / (conWidth / 100);
+        const apps = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
+        apps.forEach((app) => {
+            if (this.parent.enableRtl && app.style.right !== '0px') {
+                app.style.right = ((parseFloat(app.style.right) / 100) * currentPercentage) + 'px';
+            }
+            else if (app.style.left !== '0px') {
+                app.style.left = ((parseFloat(app.style.left) / 100) * currentPercentage) + 'px';
+            }
+            app.style.width = ((parseFloat(app.style.width) / 100) * currentPercentage) + 'px';
+        });
+    }
     getFirstChild(index) {
         const query = '.' + CONTENT_TABLE_CLASS + ' tbody td';
         let groupIndex = '';
@@ -21460,9 +21486,12 @@ class DragAndDrop extends ActionBase {
         }
         else {
             if (this.isCursorAhead || cursorDrag) {
-                eventStart.setMinutes(eventStart.getMinutes() +
-                    (this.isTimelineDayProcess ? MINUTES_PER_DAY : this.actionObj.slotInterval));
+                const minutes = this.isTimelineDayProcess ? MINUTES_PER_DAY : this.actionObj.slotInterval;
+                eventStart.setMinutes(eventStart.getMinutes() + minutes);
                 eventStart.setMilliseconds(-(eventDuration));
+                if (eventStart.getTime() === resetTime(eventStart).getTime() && eventStart.getMinutes() === 0 && eventDuration === 0) {
+                    eventStart.setMinutes(-minutes);
+                }
             }
             else {
                 eventStart.setMinutes(eventStart.getMinutes() -