@syncfusion/ej2-schedule 19.4.42 → 19.4.50

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.42
+*  version : 19.4.50
 *  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.41",
+  "_id": "@syncfusion/ej2-schedule@19.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-Y6K/LRGgeZJ6KdSHKmOvn3JpwOrigatndbpg+10wlSBAOJwBK2wDvRwVleG48St6jKUXglTs+q3vT57KBQYFQQ==",
+  "_integrity": "sha512-v1X2P/drFDg0e7og7Ue/aM/s6Pw8jMAP3xOZJtR3RaZm5OgexY84JXZqK0WdnodHTKw92vp2hEAG9u+yrFom6w==",
   "_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.41.tgz",
-  "_shasum": "955cdeecc4c945122bf7b84cee5f098ee379d56b",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-19.4.48.tgz",
+  "_shasum": "f8dbb6331e1a7c838d934a91c1ba1fe3eaa6f203",
   "_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.42",
-    "@syncfusion/ej2-buttons": "~19.4.42",
-    "@syncfusion/ej2-calendars": "~19.4.42",
-    "@syncfusion/ej2-data": "~19.4.42",
-    "@syncfusion/ej2-dropdowns": "~19.4.42",
-    "@syncfusion/ej2-excel-export": "~19.4.38",
-    "@syncfusion/ej2-inputs": "~19.4.42",
-    "@syncfusion/ej2-lists": "~19.4.38",
-    "@syncfusion/ej2-navigations": "~19.4.41",
-    "@syncfusion/ej2-popups": "~19.4.41"
+    "@syncfusion/ej2-base": "~19.4.48",
+    "@syncfusion/ej2-buttons": "~19.4.50",
+    "@syncfusion/ej2-calendars": "~19.4.50",
+    "@syncfusion/ej2-data": "~19.4.50",
+    "@syncfusion/ej2-dropdowns": "~19.4.50",
+    "@syncfusion/ej2-excel-export": "~19.4.50",
+    "@syncfusion/ej2-inputs": "~19.4.48",
+    "@syncfusion/ej2-lists": "~19.4.48",
+    "@syncfusion/ej2-navigations": "~19.4.50",
+    "@syncfusion/ej2-popups": "~19.4.50"
   },
   "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.42",
+  "version": "19.4.50",
   "sideEffects": false
 }

package/src/schedule/actions/drag.js

@@ -487,14 +487,16 @@ var DragAndDrop = /** @class */ (function (_super) {
             else {
                 outWrapper = this.parent.element.querySelector('.' + cls.APPOINTMENT_CONTAINER_CLASS);
             }
-            var tarWrapper_1 = outWrapper.querySelector('.' + cls.APPOINTMENT_WRAPPER_CLASS);
-            if (!tarWrapper_1) {
-                tarWrapper_1 = createElement('div', { className: cls.APPOINTMENT_WRAPPER_CLASS });
-                outWrapper.appendChild(tarWrapper_1);
+            if (!isNullOrUndefined(outWrapper)) {
+                var tarWrapper_1 = outWrapper.querySelector('.' + cls.APPOINTMENT_WRAPPER_CLASS);
+                if (!tarWrapper_1) {
+                    tarWrapper_1 = createElement('div', { className: cls.APPOINTMENT_WRAPPER_CLASS });
+                    outWrapper.appendChild(tarWrapper_1);
+                }
+                this.actionObj.cloneElement.forEach(function (ele) {
+                    tarWrapper_1.appendChild(ele);
+                });
             }
-            this.actionObj.cloneElement.forEach(function (ele) {
-                tarWrapper_1.appendChild(ele);
-            });
         }
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/src/schedule/actions/keyboard.d.ts

@@ -13,6 +13,7 @@ export declare class KeyboardInteraction {
     private keyboardModule;
     constructor(parent: Schedule);
     private keyActionHandler;
+    private processFTwelve;
     private addEventListener;
     private removeEventListener;
     private onCellMouseDown;

package/src/schedule/actions/keyboard.js

@@ -114,6 +114,29 @@ var KeyboardInteraction = /** @class */ (function () {
                 break;
             case 'escape':
                 this.processEscape(e);
+                break;
+            case 'fTwelve':
+                if (this.parent.allowInline && this.parent.inlineModule) {
+                    e.preventDefault();
+                    this.processFTwelve(e);
+                }
+                break;
+        }
+    };
+    KeyboardInteraction.prototype.processFTwelve = function (e) {
+        var target = e.target;
+        if (target.classList.contains(cls.WORK_CELLS_CLASS) || target.classList.contains(cls.ALLDAY_CELLS_CLASS)) {
+            this.parent.activeCellsData = this.getSelectedElements(target);
+            var args = extend(this.parent.activeCellsData, { cancel: false, event: e });
+            var inlineArgs = {
+                element: args.element,
+                groupIndex: args.groupIndex, type: 'Cell'
+            };
+            this.parent.notify(event.inlineClick, inlineArgs);
+        }
+        if (target.classList.contains(cls.APPOINTMENT_CLASS)) {
+            target.click();
+            return;
         }
     };
     KeyboardInteraction.prototype.addEventListener = function () {

package/src/schedule/base/interface.d.ts

@@ -486,6 +486,7 @@ export interface UIStateArgs {
     action?: boolean;
     isBlock?: boolean;
     isCustomMonth?: boolean;
+    isResize?: boolean;
 }
 /**
  *  @private

package/src/schedule/base/schedule.js

@@ -656,7 +656,7 @@ var Schedule = /** @class */ (function (_super) {
         if (this && isNullOrUndefined(this.uiStateValues) || !(this.enablePersistence)) {
             this.uiStateValues = {
                 expand: false, isInitial: true, left: 0, top: 0, isGroupAdaptive: false,
-                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true
+                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true, isResize: false
             };
         }
         this.activeCellsData = { startTime: this.getCurrentTime(), endTime: this.getCurrentTime(), isAllDay: false };
@@ -1118,9 +1118,11 @@ var Schedule = /** @class */ (function (_super) {
         }
         if (this.currentView === 'Month' || ((this.currentView !== 'Agenda' && this.currentView !== 'MonthAgenda')
             && !this.activeViewOptions.timeScale.enable) || this.activeView.isTimelineView()) {
+            this.uiStateValues.isResize = true;
             this.activeView.resetColWidth();
             this.notify(events.scrollUiUpdate, { cssProperties: this.getCssProperties(), isPreventScrollUpdate: true });
             this.refreshEvents(false);
+            this.uiStateValues.isResize = false;
         }
         else {
             this.notify(events.contentReady, {});
@@ -2186,7 +2188,19 @@ var Schedule = /** @class */ (function (_super) {
         }
         else {
             if (this.activeViewOptions && this.activeViewOptions.eventTemplate) {
-                this.resetTemplates(['eventTemplate']);
+                var templateNames = ['eventTemplate'];
+                if (this.crudModule && this.crudModule.crudObj.isCrudAction &&
+                    ['Agenda', 'MonthAgenda', 'Year', 'TimelineYear'].indexOf(this.currentView) === -1) {
+                    templateNames = [];
+                    for (var i = 0, len = this.crudModule.crudObj.sourceEvent.length; i < len; i++) {
+                        templateNames.push('eventTemplate_' + this.crudModule.crudObj.sourceEvent[i].groupIndex);
+                        if (this.crudModule.crudObj.targetEvent[i] && this.crudModule.crudObj.sourceEvent[i].groupIndex !==
+                            this.crudModule.crudObj.targetEvent[i].groupIndex) {
+                            templateNames.push('eventTemplate_' + this.crudModule.crudObj.targetEvent[i].groupIndex);
+                        }
+                    }
+                }
+                this.resetTemplates(templateNames);
             }
             var eventsData = this.eventsData || [];
             var blockData = this.blockData || [];

package/src/schedule/event-renderer/agenda-base.js

@@ -149,7 +149,7 @@ var AgendaBase = /** @class */ (function (_super) {
         var eventElement = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS));
         for (var _i = 0, eventElement_1 = eventElement; _i < eventElement_1.length; _i++) {
             var element = eventElement_1[_i];
-            this.parent.eventBase.wireAppointmentEvents(element, null, true);
+            this.parent.eventBase.wireAppointmentEvents(element, this.parent.getEventDetails(element), true);
         }
         var dateHeaderElement = [].slice.call(this.parent.element.querySelectorAll('.e-m-date'));
         for (var _a = 0, dateHeaderElement_1 = dateHeaderElement; _a < dateHeaderElement_1.length; _a++) {

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

@@ -41,7 +41,7 @@ var EventBase = /** @class */ (function () {
             if (timeZonePropChanged) {
                 this_1.processTimezoneChange(event_1, oldTimezone);
             }
-            else if (!this_1.parent.isPrinting) {
+            else if (!this_1.parent.isPrinting && !this_1.parent.uiStateValues.isResize) {
                 event_1 = this_1.processTimezone(event_1);
             }
             for (var level = 0; level < resourceCollection.length; level++) {
@@ -1081,7 +1081,9 @@ var EventBase = /** @class */ (function () {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = scheduleId + viewName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, 'eventTemplate', templateId, false);
+            var templateName = 'eventTemplate' + (this.parent.activeViewOptions.group.resources.length > 0 &&
+                this.parent.currentView.indexOf('Year') === -1 ? '_' + resIndex : '');
+            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
         }
         else {
             var appointmentSubject = createElement('div', {

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

@@ -394,7 +394,8 @@ var MonthEvent = /** @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = scheduleId + viewName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, 'eventTemplate', templateId, false);
+            var eventTemplate = 'eventTemplate' + (this.parent.activeViewOptions.group.resources.length > 0 ? '_' + resIndex : '');
+            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, eventTemplate, templateId, false);
         }
         else {
             var eventLocation = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');

package/src/schedule/event-renderer/timeline-view.d.ts

@@ -15,6 +15,7 @@ export declare class TimelineEvent extends MonthEvent {
     private content;
     private rowIndex;
     inlineValue: boolean;
+    private cellTops;
     constructor(parent: Schedule, type: string);
     getSlotDates(): void;
     getOverlapEvents(date: Date, appointments: Record<string, any>[]): Record<string, any>[];

package/src/schedule/event-renderer/timeline-view.js

@@ -33,6 +33,7 @@ var TimelineEvent = /** @class */ (function (_super) {
         _this.interval = _this.parent.activeViewOptions.timeScale.interval;
         _this.day = 0;
         _this.rowIndex = 0;
+        _this.cellTops = [];
         _this.renderType = type;
         _this.eventContainers = [].slice.call(_this.element.querySelectorAll('.' + cls.APPOINTMENT_CONTAINER_CLASS));
         var tr = [].slice.call(_this.element.querySelectorAll('.' + cls.CONTENT_TABLE_CLASS + ' tbody tr'));
@@ -152,9 +153,7 @@ var TimelineEvent = /** @class */ (function (_super) {
         var cellTd = this.getCellTd();
         var overlapCount = (isNullOrUndefined(this.parent.eventSettings.sortComparer)) ? this.getIndex(startTime) : this.getSortComparerIndex(startTime, endTime);
         event.Index = overlapCount;
-        var elem = this.element.querySelector('.' + cls.APPOINTMENT_CLASS);
-        var eleHeight = (elem) ? elem.getBoundingClientRect().height : 0;
-        var appHeight = (elem && eleHeight > 0) ? eleHeight : this.eventHeight;
+        var appHeight = this.eventHeight;
         var diffInDays = eventData.count;
         var eventObj = extend({}, event, null, true);
         eventObj[this.fields.startTime] = eventData[this.fields.startTime];
@@ -170,7 +169,10 @@ var TimelineEvent = /** @class */ (function (_super) {
             var position = this.getPosition(startTime, endTime, event[this.fields.isAllDay], this.day);
             appWidth_1 = (appWidth_1 <= 0) ? this.cellWidth : appWidth_1; // appWidth 0 when start and end time as same
             this.renderedEvents.push(extend({}, event, null, true));
-            var top_1 = this.getRowTop(resIndex);
+            if (isNullOrUndefined(this.cellTops[resIndex])) {
+                this.cellTops[resIndex] = this.getRowTop(resIndex);
+            }
+            var top_1 = this.cellTops[resIndex];
             var appTop = (top_1 + (this.maxHeight ? 0 : EVENT_GAP)) + (overlapCount * (appHeight + EVENT_GAP));
             appLeft = (this.parent.enableRtl) ? 0 : position;
             appRight = (this.parent.enableRtl) ? position : 0;
@@ -274,7 +276,7 @@ var TimelineEvent = /** @class */ (function (_super) {
         }
     };
     TimelineEvent.prototype.updateCellHeight = function (cell, height) {
-        if ((height > cell.getBoundingClientRect().height)) {
+        if ((height > this.cellHeight)) {
             setStyleAttribute(cell, { 'height': height + 'px' });
             if (this.parent.activeViewOptions.group.resources.length > 0) {
                 var resourceCell = this.parent.element.querySelector('.' + cls.RESOURCE_COLUMN_TABLE_CLASS + ' ' + 'tbody td[data-group-index="' +

package/src/schedule/event-renderer/vertical-view.js

@@ -303,7 +303,9 @@ var VerticalEvent = /** @class */ (function (_super) {
             var elementId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = elementId + viewName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, 'eventTemplate', templateId, false);
+            var resIndex = this.parent.uiStateValues.isGroupAdaptive ? this.parent.uiStateValues.groupIndex : resource;
+            var templateName = 'eventTemplate' + (this.parent.activeViewOptions.group.resources.length > 0 ? '_' + resIndex : '');
+            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
         }
         else {
             var appointmentSubject = createElement('div', { className: cls.SUBJECT_CLASS, innerHTML: recordSubject });
@@ -493,6 +495,8 @@ var VerticalEvent = /** @class */ (function (_super) {
                     appointmentElement_1 = this.createAppointmentElement(eventObj, true, record.data, resource);
                 }
                 addClass([appointmentElement_1], cls.ALLDAY_APPOINTMENT_CLASS);
+                var eventData = extend({}, record.data, null, true);
+                eventObj.data = eventData;
                 var args = { data: eventObj, element: appointmentElement_1, cancel: false };
                 this.parent.trigger(events.eventRendered, args, function (eventArgs) {
                     if (!eventArgs.cancel) {
@@ -574,7 +578,11 @@ var VerticalEvent = /** @class */ (function (_super) {
                 subjectElement.style.maxHeight = formatUnit(maxHeight);
             }
             var index = this.parent.activeViewOptions.group.byDate ? (this.resources.length * dayIndex) + resource : dayCount;
-            this.appendEvent(eventObj, appointmentElement, index, tempData.appLeft);
+            var eventData = {};
+            eventData[this.fields.startTime] = eventObj[this.fields.startTime];
+            eventData[this.fields.endTime] = eventObj[this.fields.endTime];
+            record.data = eventData;
+            this.appendEvent(record, appointmentElement, index, tempData.appLeft);
             this.wireAppointmentEvents(appointmentElement, eventObj);
             if (appHeight_1 < this.cellHeight) {
                 var resizeHandlers = [].slice.call(appointmentElement.querySelectorAll('.' + cls.EVENT_RESIZE_CLASS));

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

@@ -253,6 +253,7 @@ var YearEvent = /** @class */ (function (_super) {
         var rowIndex = this.parent.activeViewOptions.orientation === 'Vertical' ? index : month;
         var td = this.parent.element.querySelector(".e-content-wrap tr:nth-child(" + (rowIndex + 1) + ") td");
         this.cellHeight = td.offsetHeight;
+        this.groupOrder = resource.groupOrder;
         for (var a = 0; a < eventDatas.length; a++) {
             var data = eventDatas[a];
             var overlapIndex = void 0;
@@ -489,7 +490,9 @@ var YearEvent = /** @class */ (function (_super) {
                 }
             }
             else {
-                if (((util.resetTime(appStart).getTime() <= dateStart) && (util.resetTime(appEnd).getTime() >= dateStart)) ||
+                var timeCondition = app[this.fields.isAllDay] ? util.resetTime(appEnd).getTime() > dateStart :
+                    util.resetTime(appEnd).getTime() >= dateStart;
+                if (((util.resetTime(appStart).getTime() <= dateStart) && (timeCondition)) ||
                     (util.resetTime(appStart).getTime() >= dateStart) && (util.resetTime(appEnd).getTime() <= dateEnd)) {
                     appointmentsList.push(app);
                 }

package/src/schedule/popups/event-window.js

@@ -656,7 +656,7 @@ var EventWindow = /** @class */ (function () {
         return labelText;
     };
     EventWindow.prototype.onChange = function (args) {
-        var target = (args.event.target);
+        var target = args.event.currentTarget.querySelector('input');
         if (target.classList.contains(cls.EVENT_WINDOW_ALL_DAY_CLASS)) {
             this.onAllDayChange(args.checked);
         }

package/src/schedule/popups/quick-popups.js

@@ -471,13 +471,12 @@ var QuickPopups = /** @class */ (function () {
         if (saveButton) {
             this.renderButton('e-flat e-primary', '', this.parent.activeViewOptions.readonly, saveButton, this.saveClick);
         }
-        this.quickPopup.content = quickCellPopup;
-        this.quickPopup.dataBind();
-        this.applyFormValidation();
         if (this.morePopup) {
             this.morePopup.hide();
         }
+        this.quickPopup.content = quickCellPopup;
         this.quickPopup.relateTo = target;
+        this.quickPopup.dataBind();
         this.beforeQuickPopupOpen(target);
     };
     QuickPopups.prototype.isSameEventClick = function (events) {
@@ -544,13 +543,13 @@ var QuickPopups = /** @class */ (function () {
             if (deleteButton) {
                 this.renderButton('e-flat', '', deleteAction, deleteButton, this.deleteClick);
             }
-            this.quickPopup.content = quickEventPopup;
-            this.quickPopup.dataBind();
             if (this.morePopup && !closest(events.element, '.' + cls.MORE_EVENT_WRAPPER_CLASS)) {
                 this.morePopup.hide();
             }
+            this.quickPopup.content = quickEventPopup;
             this.quickPopup.relateTo = this.parent.isAdaptive ? document.body :
                 closest(events.element, '.' + cls.APPOINTMENT_CLASS);
+            this.quickPopup.dataBind();
             this.beforeQuickPopupOpen(events.element);
         }
     };
@@ -844,6 +843,7 @@ var QuickPopups = /** @class */ (function () {
         });
     };
     QuickPopups.prototype.saveClick = function (event) {
+        this.applyFormValidation();
         this.dialogEvent = event;
         this.isCrudAction = true;
         this.quickPopupHide();

package/src/schedule/renderer/month.js

@@ -172,7 +172,7 @@ var Month = /** @class */ (function (_super) {
         if (this.parent.activeViewOptions.allowVirtualScrolling) {
             clsList.push(cls.VIRTUAL_SCROLL_CLASS);
         }
-        if (this.parent.eventSettings.ignoreWhitespace) {
+        if (this.parent.rowAutoHeight && this.parent.eventSettings.ignoreWhitespace) {
             clsList.push(cls.IGNORE_WHITESPACE);
         }
         addClass([this.element], clsList);

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

@@ -401,7 +401,7 @@ var VerticalView = /** @class */ (function (_super) {
         if (this.parent.activeViewOptions.allowVirtualScrolling) {
             clsList.push(cls.VIRTUAL_SCROLL_CLASS);
         }
-        if (this.parent.eventSettings.ignoreWhitespace) {
+        if (this.parent.rowAutoHeight && this.parent.eventSettings.ignoreWhitespace) {
             clsList.push(cls.IGNORE_WHITESPACE);
         }
         this.renderPanel(type);

package/src/schedule/renderer/year.js

@@ -119,7 +119,7 @@ var Year = /** @class */ (function (_super) {
                 var weekNumber = this.parent.getWeekNumberContent(weekDates);
                 var td = createElement('td', {
                     className: 'e-week-number',
-                    attrs: { 'role': 'gridcell', 'title': 'Week ' + weekNumber },
+                    attrs: { 'role': 'gridcell', 'title': this.parent.localeObj.getConstant('week') + ' ' + weekNumber },
                     innerHTML: weekNumber
                 });
                 tr_1.appendChild(td);

package/styles/bootstrap-dark.css

@@ -2092,7 +2092,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 60px;
+  height: 42px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -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;
 }
@@ -4004,7 +4008,7 @@
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
-  max-height: 300px;
+  max-height: 150px;
   overflow-y: auto;
   padding-left: 10px;
   padding-right: 10px;

package/styles/bootstrap.css

@@ -2089,7 +2089,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 60px;
+  height: 42px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -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;
 }
@@ -4002,7 +4006,7 @@
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
-  max-height: 300px;
+  max-height: 150px;
   overflow-y: auto;
   padding-left: 10px;
   padding-right: 10px;

package/styles/bootstrap4.css

@@ -2095,7 +2095,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 60px;
+  height: 42px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -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;
 }
@@ -4113,7 +4117,7 @@
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
-  max-height: 300px;
+  max-height: 150px;
   overflow-y: auto;
   padding-left: 10px;
   padding-right: 10px;

package/styles/bootstrap5-dark.css

@@ -2100,7 +2100,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 60px;
+  height: 42px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -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;
 }
@@ -4120,7 +4124,7 @@
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
-  max-height: 300px;
+  max-height: 150px;
   overflow-y: auto;
   padding-left: 10px;
   padding-right: 10px;

package/styles/bootstrap5.css

@@ -2101,7 +2101,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 60px;
+  height: 42px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -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;
 }
@@ -4121,7 +4125,7 @@
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
-  max-height: 300px;
+  max-height: 150px;
   overflow-y: auto;
   padding-left: 10px;
   padding-right: 10px;

package/styles/fabric-dark.css

@@ -2092,7 +2092,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 60px;
+  height: 42px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -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;
 }
@@ -4005,7 +4009,7 @@
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
-  max-height: 300px;
+  max-height: 150px;
   overflow-y: auto;
   padding-left: 10px;
   padding-right: 10px;

package/styles/fabric.css

@@ -2092,7 +2092,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 60px;
+  height: 42px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -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;
 }
@@ -4021,7 +4025,7 @@
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
-  max-height: 300px;
+  max-height: 150px;
   overflow-y: auto;
   padding-left: 10px;
   padding-right: 10px;

package/styles/highcontrast-light.css

@@ -2088,7 +2088,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 60px;
+  height: 42px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -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;
 }
@@ -4001,7 +4005,7 @@
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
-  max-height: 300px;
+  max-height: 150px;
   overflow-y: auto;
   padding-left: 10px;
   padding-right: 10px;