@syncfusion/ej2-schedule 19.4.40 → 19.4.47

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.40
+*  version : 19.4.47
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@19.4.38",
+  "_id": "@syncfusion/ej2-schedule@19.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-V/auIZawH2Be2hOPRsUUlnPXQ4Qa/GL72q3vpSVbxivepGTndVwaW+Py4fzxGs6z+OxizePiDzObIJka7R87Zw==",
+  "_integrity": "sha512-CJKe5R/fsdYOFi+vj+Gws1FDhKaOdqL3F6sqFlUuHjl9htd4FZ5wZnF7+Nt0Gz8YLHkpzijmgtImb2An2EHQXQ==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-19.4.38.tgz",
-  "_shasum": "90490419e915c0b9ecb98257f0d08f4000491222",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-19.4.42.tgz",
+  "_shasum": "627a36b9b03ee584d4adde17fd4e77873d0afc8c",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.38",
-    "@syncfusion/ej2-buttons": "~19.4.38",
-    "@syncfusion/ej2-calendars": "~19.4.38",
-    "@syncfusion/ej2-data": "~19.4.38",
-    "@syncfusion/ej2-dropdowns": "~19.4.40",
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-buttons": "~19.4.42",
+    "@syncfusion/ej2-calendars": "~19.4.42",
+    "@syncfusion/ej2-data": "~19.4.47",
+    "@syncfusion/ej2-dropdowns": "~19.4.47",
     "@syncfusion/ej2-excel-export": "~19.4.38",
-    "@syncfusion/ej2-inputs": "~19.4.38",
+    "@syncfusion/ej2-inputs": "~19.4.47",
     "@syncfusion/ej2-lists": "~19.4.38",
-    "@syncfusion/ej2-navigations": "~19.4.40",
-    "@syncfusion/ej2-popups": "~19.4.38"
+    "@syncfusion/ej2-navigations": "~19.4.47",
+    "@syncfusion/ej2-popups": "~19.4.47"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.4.40",
+  "version": "19.4.47",
   "sideEffects": false
 }

package/src/schedule/actions/drag.js

@@ -1073,7 +1073,7 @@ var DragAndDrop = /** @class */ (function (_super) {
             if (!isNullOrUndefined(targetDate)) {
                 if (!this.parent.activeViewOptions.timeScale.enable || (this.parent.currentView === 'TimelineMonth')) {
                     var eventSrt = eventObj[this.parent.eventFields.startTime];
-                    eventStart = new Date(eventStart.setHours(eventSrt.getHours(), eventSrt.getMinutes(), eventSrt.getSeconds()));
+                    eventStart = new Date(targetDate.setHours(eventSrt.getHours(), eventSrt.getMinutes(), eventSrt.getSeconds()));
                 }
                 else {
                     eventStart = targetDate;

package/src/schedule/actions/resize.js

@@ -81,9 +81,9 @@ var Resize = /** @class */ (function (_super) {
                 bottom: resizeTarget.classList.contains(cls.BOTTOM_RESIZE_HANDLER)
             };
             _this.actionObj.groupIndex = _this.parent.uiStateValues.isGroupAdaptive ? _this.parent.uiStateValues.groupIndex : 0;
-            var workCell = _this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS);
-            _this.actionObj.cellWidth = workCell.offsetWidth;
-            _this.actionObj.cellHeight = workCell.offsetHeight;
+            var workCell = _this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS).getBoundingClientRect();
+            _this.actionObj.cellWidth = workCell.width;
+            _this.actionObj.cellHeight = workCell.height;
             var hRows = _this.parent.activeViewOptions.headerRows.map(function (row) { return row.option; });
             if (_this.parent.activeView.isTimelineView() && hRows.length > 0 && ['Date', 'Hour'].indexOf(hRows.slice(-1)[0]) < 0) {
                 var tr = _this.parent.getContentTable().querySelector('tr');
@@ -93,8 +93,9 @@ var Resize = /** @class */ (function (_super) {
                     var td = tdCollections_1[_i];
                     noOfDays += parseInt(td.getAttribute('colspan'), 10);
                 }
-                _this.actionObj.cellWidth = tr.offsetWidth / noOfDays;
-                _this.actionObj.cellHeight = tr.offsetHeight;
+                var trRect = tr.getBoundingClientRect();
+                _this.actionObj.cellWidth = trRect.width / noOfDays;
+                _this.actionObj.cellHeight = trRect.height;
             }
             var pages = _this.getPageCoordinates(e);
             _this.actionObj.X = pages.pageX;
@@ -345,12 +346,12 @@ var Resize = /** @class */ (function (_super) {
         var eventEnd = new Date(this.actionObj.event[this.parent.eventFields.endTime].getTime());
         var resizeTime;
         var isDateHeader = false;
+        var headerName = this.parent.currentView;
         var isTimeViews = ['TimelineDay', 'TimelineWeek', 'TimelineWorkWeek'].indexOf(this.parent.currentView) > -1;
         var isTimelineMonth = this.parent.currentView === 'TimelineMonth';
         var isWithoutScale = isTimelineMonth || isTimeViews && !this.parent.activeViewOptions.timeScale.enable;
         if (this.parent.activeView.isTimelineView()) {
             var tr = this.parent.getContentTable().querySelector('tr');
-            var headerName = this.parent.currentView;
             if (this.parent.activeViewOptions.headerRows.length > 0) {
                 var rows = this.parent.activeViewOptions.headerRows.map(function (row) { return row.option; });
                 headerName = rows.slice(-1)[0];
@@ -362,6 +363,11 @@ var Resize = /** @class */ (function (_super) {
             var cellIndex = 0;
             var tdCollections = [].slice.call(tr.children);
             var isLastCell = false;
+            var pixelsPerMinute = this.actionObj.cellWidth / (this.parent.activeViewOptions.timeScale.interval /
+                this.parent.activeViewOptions.timeScale.slotCount);
+            var offset = parseFloat(this.parent.enableRtl ? this.actionObj.clone.style.right :
+                this.actionObj.clone.style.left);
+            offset = Math.round(offset / pixelsPerMinute) * pixelsPerMinute;
             if (['Year', 'Month', 'Week', 'Date'].indexOf(headerName) !== -1) {
                 var noOfDays = 0;
                 for (var _i = 0, tdCollections_2 = tdCollections; _i < tdCollections_2.length; _i++) {
@@ -370,28 +376,28 @@ var Resize = /** @class */ (function (_super) {
                 }
                 var offsetValue = this.parent.enableRtl ? parseInt(this.actionObj.clone.style.right, 10) :
                     parseInt(this.actionObj.clone.style.left, 10);
+                offsetValue = Math.round(offsetValue / this.actionObj.cellWidth) * this.actionObj.cellWidth;
                 if (!isLeft) {
-                    offsetValue += (this.actionObj.clone.offsetWidth - this.actionObj.cellWidth);
+                    offsetValue += (this.actionObj.clone.getBoundingClientRect().width - this.actionObj.cellWidth);
                 }
-                cellIndex = Math.floor(offsetValue / Math.floor(tr.offsetWidth / noOfDays));
+                cellIndex = Math.floor(offsetValue / Math.floor(tr.getBoundingClientRect().width / noOfDays));
                 isDateHeader = isTimeViews && headerName === 'Date';
-                cellIndex = isLeft ? cellIndex : (isTimelineMonth || isDateHeader) ? cellIndex + 1 : cellIndex;
+                cellIndex = isLeft ? cellIndex : isTimelineMonth ? cellIndex + 1 : cellIndex;
                 isLastCell = cellIndex === tdCollections.length;
                 cellIndex = (cellIndex < 0) ? 0 : (cellIndex >= noOfDays) ? noOfDays - 1 : cellIndex;
             }
             else {
                 var cellWidth = this.actionObj.cellWidth;
-                cellIndex = isLeft ? Math.floor(this.actionObj.clone.offsetLeft / this.actionObj.cellWidth) :
-                    Math.ceil((this.actionObj.clone.offsetLeft + (this.actionObj.clone.offsetWidth - cellWidth)) /
-                        this.actionObj.cellWidth);
+                cellIndex = isLeft ? Math.floor(offset / this.actionObj.cellWidth) :
+                    Math.ceil((offset + (this.actionObj.clone.getBoundingClientRect().width - cellWidth)) / this.actionObj.cellWidth);
                 if (this.parent.enableRtl) {
                     var cellOffsetWidth = 0;
                     if (headerName === 'TimelineMonth' || (!this.parent.activeViewOptions.timeScale.enable &&
                         !isTimelineMonth)) {
                         cellOffsetWidth = this.actionObj.cellWidth;
                     }
-                    var offsetWidth = (Math.floor(parseInt(this.actionObj.clone.style.right, 10) / this.actionObj.cellWidth) *
-                        this.actionObj.cellWidth) + (isLeft ? 0 : this.actionObj.clone.offsetWidth - cellOffsetWidth);
+                    var offsetWidth = (Math.floor(offset / this.actionObj.cellWidth) *
+                        this.actionObj.cellWidth) + (isLeft ? 0 : this.actionObj.clone.getBoundingClientRect().width - cellOffsetWidth);
                     cellIndex = Math.floor(offsetWidth / this.actionObj.cellWidth);
                 }
                 isLastCell = cellIndex === tdCollections.length;
@@ -409,13 +415,11 @@ var Resize = /** @class */ (function (_super) {
                 resizeTime = new Date(resizeDate.setHours(resizeTime.getHours(), resizeTime.getMinutes(), resizeTime.getSeconds()));
             }
             else {
-                var offsetValue = this.parent.enableRtl ? parseFloat(this.actionObj.clone.style.right) :
-                    parseFloat(this.actionObj.clone.style.left);
                 if (!isLeft) {
-                    offsetValue += this.actionObj.clone.offsetWidth;
+                    offset += this.actionObj.clone.getBoundingClientRect().width;
                 }
                 var spanMinutes = Math.ceil((this.actionObj.slotInterval / this.actionObj.cellWidth) *
-                    (offsetValue - Math.floor(offsetValue / this.actionObj.cellWidth) * this.actionObj.cellWidth));
+                    (offset - Math.floor(offset / this.actionObj.cellWidth) * this.actionObj.cellWidth));
                 spanMinutes = (isLastCell || (!isLeft && spanMinutes === 0)) ? this.actionObj.slotInterval : spanMinutes;
                 resizeTime = new Date(resizeDate.getTime());
                 resizeTime.setMinutes(resizeTime.getMinutes() + spanMinutes);
@@ -424,9 +428,10 @@ var Resize = /** @class */ (function (_super) {
         }
         else {
             var cloneIndex = closest(this.actionObj.clone, 'td').cellIndex;
-            var originalWidth = Math.ceil((isLeft ? this.actionObj.element.offsetWidth : 0) / this.actionObj.cellWidth) *
-                this.actionObj.cellWidth;
-            var noOfDays = Math.ceil((this.actionObj.clone.offsetWidth - originalWidth) / this.actionObj.cellWidth);
+            var originalWidth = Math.ceil((isLeft ? this.actionObj.element.getBoundingClientRect().width : 0) /
+                this.actionObj.cellWidth) * this.actionObj.cellWidth;
+            var noOfDays = Math.ceil((this.actionObj.clone.getBoundingClientRect().width - originalWidth) /
+                this.actionObj.cellWidth);
             var tr = closest(this.actionObj.clone, 'tr');
             var dayIndex = isLeft ? cloneIndex - noOfDays : cloneIndex + noOfDays - 1;
             dayIndex = this.getIndex(dayIndex);
@@ -446,8 +451,8 @@ var Resize = /** @class */ (function (_super) {
         }
         else {
             var isTimeScaleViews = isTimeViews && this.parent.activeViewOptions.timeScale.enable;
-            var resizeEnd = ((!isTimeScaleViews || isDateHeader) && resizeTime.getHours() === 0 && resizeTime.getMinutes() === 0) ?
-                util.addDays(resizeTime, 1) : resizeTime;
+            var resizeEnd = ((!isTimeScaleViews || isDateHeader || isTimeViews && ['Week', 'Month', 'Year'].indexOf(headerName) > -1)
+                && resizeTime.getHours() === 0 && resizeTime.getMinutes() === 0) ? util.addDays(resizeTime, 1) : resizeTime;
             if (isWithoutScale && (resizeEnd.getTime() - eventStart.getTime()) <= 0) {
                 resizeEnd = util.addDays(util.resetTime(eventStart), 1);
             }
@@ -484,29 +489,30 @@ var Resize = /** @class */ (function (_super) {
         var slotInterval = (this.actionObj.cellWidth / this.actionObj.slotInterval) * this.actionObj.interval;
         var pageWidth = isLeft ? (this.actionObj.X - this.actionObj.pageX) : (this.actionObj.pageX - this.actionObj.X);
         var targetWidth = isTimelineView ?
-            (this.actionObj.element.offsetWidth / this.actionObj.cellWidth) * this.actionObj.cellWidth :
-            this.parent.currentView === 'Month' ? this.actionObj.element.offsetWidth :
-                Math.ceil(this.actionObj.element.offsetWidth / this.actionObj.cellWidth) * this.actionObj.cellWidth;
+            (this.actionObj.element.getBoundingClientRect().width / this.actionObj.cellWidth) * this.actionObj.cellWidth :
+            this.parent.currentView === 'Month' ? this.actionObj.element.getBoundingClientRect().width :
+                Math.ceil(this.actionObj.element.getBoundingClientRect().width / this.actionObj.cellWidth) * this.actionObj.cellWidth;
         var offsetWidth = targetWidth + (Math.ceil(pageWidth / this.actionObj.cellWidth) * this.actionObj.cellWidth);
+        var left = (this.parent.enableRtl) ? parseInt(this.actionObj.element.style.right, 10) : this.actionObj.clone.offsetLeft;
         if (isTimeViews) {
-            offsetWidth = targetWidth + (isLeft ? (Math.ceil(pageWidth / slotInterval) * slotInterval) :
-                (Math.floor(pageWidth / slotInterval) * slotInterval));
+            offsetWidth = targetWidth + (Math.ceil(pageWidth / slotInterval) * slotInterval);
+            offsetWidth = (Math.round((left + offsetWidth) / slotInterval) * slotInterval) - left;
             this.actionObj.event[this.parent.eventFields.isAllDay] = false;
         }
         var width = !isLeft && ((offsetWidth + this.actionObj.clone.offsetLeft > this.scrollArgs.width)) ?
-            this.actionObj.clone.offsetWidth : (offsetWidth < this.actionObj.cellWidth) ? offsetWidth : offsetWidth;
+            this.actionObj.clone.getBoundingClientRect().width : (offsetWidth < this.actionObj.cellWidth) ? offsetWidth : offsetWidth;
         if (this.parent.enableRtl) {
             var rightValue = isTimelineView ? parseInt(this.actionObj.element.style.right, 10) :
                 -(offsetWidth - this.actionObj.cellWidth);
             rightValue = isTimelineView ? rightValue : isLeft ? 0 : rightValue > 0 ? 0 : rightValue;
             if (isTimelineView && !isLeft) {
-                rightValue = Math.ceil((this.actionObj.element.offsetLeft + (this.actionObj.element.offsetWidth +
+                rightValue = Math.ceil((this.actionObj.element.offsetLeft + (this.actionObj.element.getBoundingClientRect().width +
                     (this.actionObj.pageX - this.actionObj.X))) / slotInterval) * slotInterval;
                 rightValue = rightValue < 0 ? Math.abs(rightValue) : -rightValue;
             }
             rightValue = rightValue >= this.scrollArgs.width ? this.scrollArgs.width - this.actionObj.cellWidth : rightValue;
             styles.right = formatUnit(rightValue);
-            width = width + rightValue > this.scrollArgs.width ? this.actionObj.clone.offsetWidth : width;
+            width = width + rightValue > this.scrollArgs.width ? this.actionObj.clone.getBoundingClientRect().width : width;
         }
         else {
             var offsetLeft = isLeft ? this.actionObj.element.offsetLeft - (this.actionObj.X - this.actionObj.pageX) :
@@ -514,12 +520,12 @@ var Resize = /** @class */ (function (_super) {
             if (isTimelineView) {
                 offsetLeft = isLeft ? offsetLeft : parseInt(this.actionObj.clone.style.left, 10);
                 if (this.parent.enableRtl) {
-                    offsetLeft = !isLeft ? (this.actionObj.pageX < this.actionObj.X - this.actionObj.clone.offsetWidth) ?
-                        parseInt(this.actionObj.clone.style.right, 10) : offsetLeft : offsetLeft;
+                    offsetLeft = !isLeft ? (this.actionObj.pageX < this.actionObj.X - this.actionObj.clone.getBoundingClientRect().width)
+                        ? parseInt(this.actionObj.clone.style.right, 10) : offsetLeft : offsetLeft;
                 }
                 else {
-                    offsetLeft = isLeft ? (this.actionObj.pageX > this.actionObj.X + this.actionObj.clone.offsetWidth &&
-                        this.actionObj.clone.offsetWidth === this.actionObj.cellWidth) ?
+                    offsetLeft = isLeft ? (this.actionObj.pageX > this.actionObj.X + this.actionObj.clone.getBoundingClientRect().width &&
+                        this.actionObj.clone.getBoundingClientRect().width === this.actionObj.cellWidth) ?
                         parseInt(this.actionObj.clone.style.left, 10) : offsetLeft : offsetLeft;
                 }
             }
@@ -529,9 +535,10 @@ var Resize = /** @class */ (function (_super) {
                 Math.ceil(Math.abs(offsetLeft) / this.actionObj.cellWidth) * this.actionObj.cellWidth;
             if (offsetLeft < 0) {
                 offsetLeft = 0;
-                width = this.actionObj.clone.offsetWidth;
+                width = this.actionObj.clone.getBoundingClientRect().width;
             }
-            var cloneWidth = Math.ceil(this.actionObj.clone.offsetWidth / this.actionObj.cellWidth) * this.actionObj.cellWidth;
+            var cloneWidth = Math.ceil(this.actionObj.clone.getBoundingClientRect().width / this.actionObj.cellWidth) *
+                this.actionObj.cellWidth;
             if (isLeft) {
                 styles.left = formatUnit(isTimelineView ? offsetLeft : isLeft ? leftValue < 0 ? -offsetLeft :
                     (Math.ceil((targetWidth - cloneWidth) / this.actionObj.cellWidth) * this.actionObj.cellWidth) : offsetLeft);

package/src/schedule/base/css-constant.d.ts

@@ -44,6 +44,12 @@ export declare const DATE_HEADER_CONTAINER_CLASS: string;
 /** @private */
 export declare const HEADER_CELLS_CLASS: string;
 /** @private */
+export declare const HEADER_WEEK_CELLS_CLASS: string;
+/** @private */
+export declare const HEADER_MONTH_CELLS_CLASS: string;
+/** @private */
+export declare const HEADER_YEAR_CELLS_CLASS: string;
+/** @private */
 export declare const WORKDAY_CLASS: string;
 /** @private */
 export declare const OTHERMONTH_CLASS: string;

package/src/schedule/base/css-constant.js

@@ -44,6 +44,12 @@ export var DATE_HEADER_CONTAINER_CLASS = 'e-date-header-container';
 /** @private */
 export var HEADER_CELLS_CLASS = 'e-header-cells';
 /** @private */
+export var HEADER_WEEK_CELLS_CLASS = 'e-header-week-cell';
+/** @private */
+export var HEADER_MONTH_CELLS_CLASS = 'e-header-month-cell';
+/** @private */
+export var HEADER_YEAR_CELLS_CLASS = 'e-header-year-cell';
+/** @private */
 export var WORKDAY_CLASS = 'e-work-days';
 /** @private */
 export var OTHERMONTH_CLASS = 'e-other-month';

package/src/schedule/event-renderer/month.js

@@ -170,7 +170,8 @@ var MonthEvent = /** @class */ (function (_super) {
                 setStyleAttribute(cell, { 'height': height_1 + 'px' });
             });
         }
-        var cellDetail = this.workCells.slice(-1)[0].getBoundingClientRect();
+        var cellDetail = this.workCells[this.parent.activeView.isTimelineView() ?
+            0 : this.workCells.length - 1].getBoundingClientRect();
         this.cellWidth = cellDetail.width;
         this.cellHeight = cellDetail.height;
         this.dateRender = dateRender;

package/src/schedule/renderer/header-renderer.js

@@ -417,7 +417,7 @@ var HeaderRenderer = /** @class */ (function () {
                 break;
             case 'e-today':
                 currentTime = util.resetTime(this.parent.getCurrentTime());
-                if (this.parent.currentView === 'Agenda' || !this.parent.isSelectedDate(currentTime) ||
+                if (this.parent.currentView === 'Agenda' || this.parent.currentView === 'MonthAgenda' || !this.parent.isSelectedDate(currentTime) ||
                     this.parent.currentView === 'Month' && this.parent.activeViewOptions.displayDate && !this.hasSelectedDate() &&
                         util.resetTime(this.parent.activeViewOptions.displayDate) !== currentTime || this.parent.currentView === 'Month' &&
                     this.parent.activeViewOptions.numberOfWeeks > 0 && !this.hasSelectedDate()

package/src/schedule/renderer/view-base.js

@@ -437,7 +437,7 @@ var ViewBase = /** @class */ (function () {
         if (this.isTimelineView()) {
             var colElements = this.getColElements();
             var contentBody = this.element.querySelector('.' + cls.CONTENT_TABLE_CLASS + ' tbody');
-            var colWidth_1 = Math.ceil(contentBody.offsetWidth / (colElements.length / 2));
+            var colWidth_1 = (contentBody.getBoundingClientRect().width / (colElements.length / 2));
             colElements.forEach(function (col) { return setStyleAttribute(col, { 'width': formatUnit(colWidth_1) }); });
             if (content.offsetHeight !== content.clientHeight) {
                 var resourceColumn = this.parent.element.querySelector('.' + cls.RESOURCE_COLUMN_WRAP_CLASS);
@@ -445,9 +445,11 @@ var ViewBase = /** @class */ (function () {
                     setStyleAttribute(resourceColumn, { 'height': formatUnit(content.clientHeight) });
                 }
             }
-            var headerCellElements = [].slice.call(this.element.querySelectorAll('.' + cls.HEADER_CELLS_CLASS));
+            var cssClass = "." + cls.HEADER_CELLS_CLASS + ",." + cls.TIME_SLOT_CLASS + ",." + cls.HEADER_WEEK_CELLS_CLASS + ",." + cls.HEADER_MONTH_CELLS_CLASS + ",." + cls.HEADER_YEAR_CELLS_CLASS;
+            var headerCellElements = [].slice.call(this.element.querySelectorAll(cssClass));
             headerCellElements.forEach(function (ele) {
-                var headerCellColSpan = parseInt(ele.getAttribute('colspan'), 10);
+                var colSpan = isNullOrUndefined(ele.getAttribute('colspan')) ? '1' : ele.getAttribute('colspan');
+                var headerCellColSpan = parseInt(colSpan, 10);
                 setStyleAttribute(ele, { 'width': formatUnit(colWidth_1 * headerCellColSpan) });
             });
         }

package/styles/bootstrap-dark.css

@@ -2276,6 +2276,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/bootstrap.css

@@ -2273,6 +2273,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/bootstrap4.css

@@ -2279,6 +2279,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/bootstrap5-dark.css

@@ -2284,6 +2284,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/bootstrap5.css

@@ -2285,6 +2285,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/fabric-dark.css

@@ -2276,6 +2276,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/fabric.css

@@ -2276,6 +2276,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/highcontrast-light.css

@@ -2272,6 +2272,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/highcontrast.css

@@ -2280,6 +2280,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/material-dark.css

@@ -2273,6 +2273,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/material.css

@@ -2277,6 +2277,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/_layout.scss

@@ -2169,6 +2169,10 @@
       .e-content-table {
         position: absolute;
         transform: translateY(0);
+
+        &.e-virtual-relative {
+          position: relative;
+        }
       }
 
       .e-content-wrap {

package/styles/schedule/bootstrap-dark.css

@@ -2276,6 +2276,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/bootstrap.css

@@ -2273,6 +2273,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/bootstrap4.css

@@ -2279,6 +2279,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/bootstrap5-dark.css

@@ -2284,6 +2284,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/bootstrap5.css

@@ -2285,6 +2285,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/fabric-dark.css

@@ -2276,6 +2276,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/fabric.css

@@ -2276,6 +2276,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/highcontrast-light.css

@@ -2272,6 +2272,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/highcontrast.css

@@ -2280,6 +2280,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/material-dark.css

@@ -2273,6 +2273,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/material.css

@@ -2277,6 +2277,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }

package/styles/schedule/tailwind-dark.css

@@ -2283,6 +2283,10 @@
   transform: translateY(0);
 }
 
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+
 .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
   transition: all 1000ms linear;
 }