@syncfusion/ej2-gantt 23.1.36 → 23.1.39

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.36
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.1.39
+*  Copyright Syncfusion Inc. 2001 - 2023. 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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-gantt@*",
-  "_id": "@syncfusion/ej2-gantt@22.1.67",
+  "_id": "@syncfusion/ej2-gantt@23.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-ETYYajrjdtEfBEH0tJhOz5lKp2YvFsltIa69yOe1znQIsIjAwOyLC2v12WFIB112iB9kAdA+7UQ6fqphH9C5qQ==",
+  "_integrity": "sha512-7gcsnl8UCmPwQ8UMfRICkbO+c6bVWKCw8aeDruiAH6VIGcNiE7AwTZsdD1thlipSjcyQfv5AY1Gn6msXsXGZJw==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-gantt/-/ej2-gantt-22.1.67.tgz",
-  "_shasum": "2d8e8c4b09651dce94995b21015d014e2083ebd6",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-23.1.38.tgz",
+  "_shasum": "687573c3bc5e36955859695499fa0e61ef623863",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -35,21 +35,21 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.36",
-    "@syncfusion/ej2-buttons": "~23.1.36",
-    "@syncfusion/ej2-calendars": "~23.1.36",
+    "@syncfusion/ej2-base": "~23.1.38",
+    "@syncfusion/ej2-buttons": "~23.1.39",
+    "@syncfusion/ej2-calendars": "~23.1.38",
     "@syncfusion/ej2-data": "~23.1.36",
-    "@syncfusion/ej2-dropdowns": "~23.1.36",
-    "@syncfusion/ej2-grids": "~23.1.36",
-    "@syncfusion/ej2-inputs": "~23.1.36",
+    "@syncfusion/ej2-dropdowns": "~23.1.39",
+    "@syncfusion/ej2-grids": "~23.1.39",
+    "@syncfusion/ej2-inputs": "~23.1.38",
     "@syncfusion/ej2-layouts": "~23.1.36",
     "@syncfusion/ej2-lists": "~23.1.36",
-    "@syncfusion/ej2-navigations": "~23.1.36",
+    "@syncfusion/ej2-navigations": "~23.1.39",
     "@syncfusion/ej2-notifications": "~23.1.36",
-    "@syncfusion/ej2-popups": "~23.1.36",
-    "@syncfusion/ej2-richtexteditor": "~23.1.36",
+    "@syncfusion/ej2-popups": "~23.1.38",
+    "@syncfusion/ej2-richtexteditor": "~23.1.39",
     "@syncfusion/ej2-svg-base": "~23.1.36",
-    "@syncfusion/ej2-treegrid": "~23.1.36"
+    "@syncfusion/ej2-treegrid": "~23.1.39"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -74,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "23.1.36",
+  "version": "23.1.39",
   "sideEffects": false
 }

package/src/gantt/actions/connector-line-edit.js

@@ -178,16 +178,58 @@ var ConnectorLineEdit = /** @class */ (function () {
     ConnectorLineEdit.prototype.idFromPredecessor = function (pre) {
         var preArray = pre.split(',');
         var preIdArray = [];
-        var values;
+        var values = [];
         var offsetValue;
         var match = [];
         for (var j = 0; j < preArray.length; j++) {
             var strArray = [];
-            values = preArray[j].split('+');
-            offsetValue = '+';
-            if (preArray[j].indexOf('-') >= 0) {
-                values = preArray[j].split('-');
-                offsetValue = '-';
+            var isGUId = false;
+            var regex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/;
+            var elSplit = preArray[j].split('-');
+            var id = void 0;
+            if (elSplit.length === 6) {
+                elSplit[4] = elSplit[4] + '-' + elSplit[5];
+                elSplit.pop();
+            }
+            if (elSplit.length === 5 && elSplit[4].length > 12) {
+                id = preArray[j].substring(0, 36);
+                if (regex.test(id)) {
+                    isGUId = true;
+                }
+            }
+            if (isGUId) {
+                var split = void 0;
+                split = elSplit[4].split('+');
+                var spliceLength = void 0;
+                if (split.length === 1) {
+                    values[0] = preArray[j];
+                }
+                else {
+                    spliceLength = split[1].length;
+                    values[0] = preArray[j].slice(0, -(spliceLength + 1));
+                    values[1] = split[1];
+                }
+                offsetValue = '+';
+                if (elSplit[4].indexOf('-') >= 0) {
+                    split = elSplit[4].split('-');
+                    if (split.length === 1) {
+                        values[0] = preArray[j];
+                    }
+                    else {
+                        spliceLength = split[1].length;
+                        values[0] = preArray[j].slice(0, -(spliceLength + 1));
+                        values[1] = split[1];
+                    }
+                    offsetValue = '-';
+                }
+            }
+            else {
+                values = preArray[j].split('+');
+                offsetValue = '+';
+                if (preArray[j].indexOf('-') >= 0) {
+                    values = preArray[j].split('-');
+                    offsetValue = '-';
+                }
             }
             if (!isNullOrUndefined(values[0])) {
                 var ids = this.parent.viewType === 'ResourceView' ? this.parent.getTaskIds() : this.parent.ids;

package/src/gantt/actions/critical-path.js

@@ -814,8 +814,6 @@ var CriticalPath = /** @class */ (function () {
                 }
                 if (element.getElementsByClassName('e-gantt-child-taskbar-inner-div').length > 0) {
                     addClass(element.querySelectorAll('.e-gantt-child-taskbar-inner-div'), cls.criticalChildTaskBarInnerDiv);
-                    var innerDivs = document.querySelector('.e-gantt-child-taskbar-inner-div');
-                    innerDivs.style.outlineColor = "";
                 }
                 if (element.getElementsByClassName('e-gantt-child-progressbar-inner-div').length > 0) {
                     addClass(element.querySelectorAll('.e-gantt-child-progressbar-inner-div'), taskClass);

package/src/gantt/actions/dependency.js

@@ -124,15 +124,58 @@ var Dependency = /** @class */ (function () {
         var collection = [];
         var match;
         var isrelationship;
-        var values;
+        var values = [];
         var offsetValue;
         var predecessorText;
         predecessor.split(',').forEach(function (el) {
-            values = el.split('+');
-            offsetValue = '+';
-            if (el.indexOf('-') >= 0) {
-                values = el.split('-');
-                offsetValue = '-';
+            var isGUId = false;
+            var regex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/;
+            var elSplit = el.split('-');
+            var id;
+            if (elSplit.length === 6) {
+                elSplit[4] = elSplit[4] + '-' + elSplit[5];
+                elSplit.pop();
+            }
+            if (elSplit.length === 5 && elSplit[4].length > 12) {
+                id = el.substring(0, 36);
+                if (regex.test(id)) {
+                    isGUId = true;
+                }
+            }
+            if (isGUId) {
+                var split = void 0;
+                split = elSplit[4].split('+');
+                var spliceLength = void 0;
+                ;
+                if (split.length === 1) {
+                    values[0] = el;
+                }
+                else {
+                    spliceLength = split[1].length;
+                    values[0] = el.slice(0, -(spliceLength + 1));
+                    values[1] = split[1];
+                }
+                offsetValue = '+';
+                if (elSplit[4].indexOf('-') >= 0) {
+                    split = elSplit[4].split('-');
+                    if (split.length === 1) {
+                        values[0] = el;
+                    }
+                    else {
+                        spliceLength = split[1].length;
+                        values[0] = el.slice(0, -(spliceLength + 1));
+                        values[1] = split[1];
+                    }
+                    offsetValue = '-';
+                }
+            }
+            else {
+                values = el.split('+');
+                offsetValue = '+';
+                if (el.indexOf('-') >= 0) {
+                    values = el.split('-');
+                    offsetValue = '-';
+                }
             }
             match = [];
             var ids = _this.parent.viewType === 'ResourceView' ? _this.parent.getTaskIds() : _this.parent.ids;

package/src/gantt/actions/dialog-edit.js

@@ -1099,7 +1099,7 @@ var DialogEdit = /** @class */ (function () {
                     else {
                         if (value === "") {
                             this.parent.setRecordValue('duration', null, ganttProp, true);
-                            if (ganttProp.endDate) {
+                            if (ganttProp.endDate && ganttProp.startDate) {
                                 this.parent.setRecordValue('endDate', null, ganttProp, true);
                             }
                         }
@@ -2235,7 +2235,7 @@ var DialogEdit = /** @class */ (function () {
                         tasksData[fieldName] = column.edit.read(inputElement, controlObj.value);
                     }
                 }
-                else if (isCustom && column.editType === 'booleanedit') {
+                else if (column.editType === 'booleanedit') {
                     if (inputElement instanceof HTMLInputElement && inputElement.checked === true) {
                         tasksData[fieldName] = true;
                     }

package/src/gantt/actions/edit.js

@@ -1,5 +1,5 @@
 import { isNullOrUndefined, isUndefined, extend, setValue, getValue, deleteObject, createElement } from '@syncfusion/ej2-base';
-import { DataManager, Query, ODataAdaptor, WebApiAdaptor } from '@syncfusion/ej2-data';
+import { DataManager, Query, ODataAdaptor, WebApiAdaptor, ODataV4Adaptor } from '@syncfusion/ej2-data';
 import { getUid } from '@syncfusion/ej2-grids';
 import { getSwapKey, isScheduledTask, getTaskData, isRemoteData, getIndex, isCountRequired, updateDates } from '../base/utils';
 import { CellEdit } from './cell-edit';
@@ -2987,6 +2987,9 @@ var Edit = /** @class */ (function () {
                     _this.parent.flatData[_this.parent.getTaskIds().indexOf('T' + args.data[tasks.id])] : _this.parent.getRecordByID(args.data[tasks.id]);
                 if (!isNullOrUndefined(ganttData)) {
                     _this.validateUpdateValues(args.newTaskData, ganttData, true);
+                    _this.parent.dateValidationModule.calculateEndDate(ganttData);
+                    _this.parent.dataOperation.updateWidthLeft(ganttData);
+                    _this.parent.dataOperation.updateParentItems(ganttData);
                 }
                 if (!isNullOrUndefined(args.data["" + tempTaskID])) {
                     if (args.data[tempTaskID] != args.data['ganttProperties']['taskId']) {
@@ -3005,8 +3008,7 @@ var Edit = /** @class */ (function () {
                         /* tslint:disable-next-line */
                         var query = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                         var adaptor = data_2.adaptor;
-                        var moduleName = adaptor.getModuleName();
-                        if (!(moduleName == "WebApiAdaptor" || moduleName == "ODataAdaptor" || moduleName == "ODataV4Adaptor") || data_2.dataSource.batchUrl) {
+                        if (!(adaptor instanceof WebApiAdaptor || adaptor instanceof ODataAdaptor || adaptor instanceof ODataV4Adaptor) || data_2.dataSource.batchUrl) {
                             /* tslint:disable-next-line */
                             var crud = data_2.saveChanges(updatedData_2, _this.parent.taskFields.id, null, query);
                             crud.then(function (e) {

package/src/gantt/actions/taskbar-edit.js

@@ -234,7 +234,12 @@ var TaskbarEdit = /** @class */ (function (_super) {
     };
     // eslint-disable-next-line
     TaskbarEdit.prototype.mouseLeaveHandler = function (e) {
-        this.dragMouseLeave = true;
+        if (this.taskBarEditAction === "ChildDrag" || this.taskBarEditAction === "ParentDrag" || this.taskBarEditAction === "ProgressResizing" || this.taskBarEditAction === "LeftResizing" || this.taskBarEditAction === "RightResizing") {
+            this.dragMouseLeave = false;
+        }
+        else {
+            this.dragMouseLeave = true;
+        }
     };
     /**
      * To update taskbar edited elements on mouse down action.
@@ -1498,7 +1503,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
         var milliSecondsPerPixel = (24 * 60 * 60 * 1000) / this.parent.perDayWidth;
         pStartDate.setTime(pStartDate.getTime() + (left * milliSecondsPerPixel));
         /* To render the milestone in proper date while editing */
-        if (isMilestone && !isNullOrUndefined(property.predecessor) && property.predecessor.length > 0) {
+        if (isMilestone && !isNullOrUndefined(property.predecessorsName) && property.predecessorsName !== '') {
             pStartDate.setDate(pStartDate.getDate() - 1);
             this.parent.dateValidationModule.setTime(this.parent.defaultEndTime, pStartDate);
             pStartDate = this.parent.dateValidationModule.checkStartDate(pStartDate, property, true);

package/src/gantt/base/gantt-chart.js

@@ -970,6 +970,12 @@ var GanttChart = /** @class */ (function () {
         else {
             this.isCollapseAll = true;
             this.parent.treeGrid.collapseAll();
+            if (this.isCollapseAll && !this.parent.allowTaskbarOverlap && this.parent.viewType === 'ResourceView') {
+                var treeGridContentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
+                    this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
+                this.parent.contentHeight = treeGridContentHeight;
+                document.getElementsByClassName('e-chart-rows-container')[0]['style'].height = this.parent.contentHeight + 'px';
+            }
         }
         this.isExpandAll = false;
         this.isCollapseAll = false;

package/src/gantt/base/gantt.js

@@ -794,8 +794,6 @@ var Gantt = /** @class */ (function (_super) {
         removeClass(ganttChartElement.querySelectorAll('.e-critical-milestone'), cls.criticalMilestone);
         removeClass(this.element.querySelectorAll('.e-connector-line'), cls.criticalConnectorLineSVG);
         removeClass(this.element.querySelectorAll('.e-connector-line-arrow'), cls.criticalConnectorArrowSVG);
-        var innerDivs = document.querySelector('.e-gantt-child-taskbar-inner-div');
-        innerDivs.style.outlineColor = "";
     };
     Gantt.prototype.wireEvents = function () {
         if (this.allowKeyboard) {
@@ -841,10 +839,12 @@ var Gantt = /** @class */ (function (_super) {
             var pane2 = this.splitterModule.splitterObject.element.querySelectorAll('.e-pane')[1];
             this.splitterModule.splitterPreviousPositionGrid = pane1.scrollWidth + 1 + 'px';
             this.splitterModule.splitterPreviousPositionChart = pane2.scrollWidth + 1 + 'px';
-            this.splitterModule.splitterObject.paneSettings[0].size = this.splitterModule['getSpliterPositionInPercentage'](this.splitterModule.splitterPreviousPositionGrid);
-            this.splitterModule.splitterObject.paneSettings[1].size = this.splitterModule.splitterPreviousPositionChart;
+            this.splitterModule.splitterObject.paneSettings[1].size = (this.ganttWidth - parseInt(this.splitterModule.splitterPreviousPositionGrid) - 4) + 'px';
+            var proxy_1 = this;
             if (this.timelineModule.isZoomToFit) {
-                this.timelineModule.processZoomToFit();
+                setTimeout(function () {
+                    proxy_1.timelineModule.processZoomToFit();
+                }, 0);
             }
         }
     };

package/src/gantt/base/splitter.js

@@ -71,6 +71,7 @@ var Splitter = /** @class */ (function () {
                 var leftPane = args.pane[0];
                 _this.splitterPreviousPositionGrid = leftPane.scrollWidth + 1 + 'px';
                 _this.splitterObject.paneSettings[0].size = _this.getSpliterPositionInPercentage(_this.splitterPreviousPositionGrid);
+                _this.splitterObject.paneSettings[1].size = (_this.parent.ganttWidth - parseInt(_this.splitterPreviousPositionGrid) - 4) + 'px';
                 var callBackPromise = new Deferred();
                 _this.parent.trigger('splitterResized', args, function (splitterResizedArgs) {
                     if (splitterResizedArgs.cancel === true) {

package/src/gantt/renderer/chart-rows.js

@@ -669,7 +669,7 @@ var ChartRows = /** @class */ (function (_super) {
         var baselineMilestoneHeight = this.parent.renderBaseline ? 5 : 2;
         var template = '<div class="' + cls.baselineMilestoneContainer + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 10)) + 'px;height:' +
             ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 10)) + 'px;position:absolute;transform:rotate(45deg);' + (this.parent.enableRtl ? 'right:' : 'left:') + (this.parent.enableRtl ? (data.ganttProperties.left -
-            (this.milestoneHeight / 2) + 3) : (data.ganttProperties.left - (this.milestoneHeight / 2) + 1)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 2) + 'px"> </div>';
+            (this.milestoneHeight / 2) + 3) : (data.ganttProperties.baselineLeft - (this.milestoneHeight / 2) + 1)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 2) + 'px"> </div>';
         return this.createDivElement(template);
     };
     /**
@@ -1644,7 +1644,7 @@ var ChartRows = /** @class */ (function (_super) {
                 getComputedStyle(taskbarElement.querySelector(classCollections[0])).backgroundColor;
             args.taskbarBorderColor = isNullOrUndefined(childTask) ? null : taskbarElement.classList.contains(cls.traceChildTaskBar) ?
                 getComputedStyle(taskbarElement).backgroundColor :
-                getComputedStyle(taskbarElement.querySelector(classCollections[0])).borderColor;
+                getComputedStyle(taskbarElement.querySelector(classCollections[0])).outlineColor;
             args.progressBarBgColor = isNullOrUndefined(progressTask) ? null :
                 taskbarElement.classList.contains(cls.traceChildProgressBar) ?
                     getComputedStyle(taskbarElement).backgroundColor :
@@ -1693,7 +1693,7 @@ var ChartRows = /** @class */ (function (_super) {
      */
     ChartRows.prototype.updateQueryTaskbarInfoArgs = function (args, rowElement, taskBarElement) {
         var trElement = args.rowElement;
-        var taskbarElement = args.taskbarElement;
+        var taskbarElement = this.parent.enableVirtualization ? args.rowElement : args.taskbarElement;
         var classCollections = this.getClassName(args);
         var segmentRowElement;
         if (args.data.ganttProperties.segments && args.data.ganttProperties.segments.length > 0) {
@@ -1714,18 +1714,6 @@ var ChartRows = /** @class */ (function (_super) {
             }
         }
         else if (taskbarElement) {
-            if (taskbarElement && this.parent.enableVirtualization && !args.data.expanded) {
-                var childElement = trElement.querySelector('.' + cls.collapseParent);
-                if (childElement) {
-                    for (var i = 0; i < childElement.childNodes.length; i++) {
-                        var taskbar = childElement.childNodes[i];
-                        var mainTaskbar = taskbar.querySelector('.' + cls.traceChildTaskBar);
-                        if (mainTaskbar) {
-                            mainTaskbar.style.backgroundColor = args.taskbarBgColor;
-                        }
-                    }
-                }
-            }
             if (taskbarElement.querySelector(classCollections[0]) &&
                 getComputedStyle(taskbarElement.querySelector(classCollections[0])).backgroundColor !== args.taskbarBgColor) {
                 taskbarElement.querySelector(classCollections[0]).style.backgroundColor = args.taskbarBgColor;
@@ -1951,8 +1939,7 @@ var ChartRows = /** @class */ (function (_super) {
             if (!this.parent.ganttChartModule.isExpandAll && !this.parent.ganttChartModule.isCollapseAll) {
                 this.parent.treeGrid.grid.setRowData(dataId, data);
             }
-            if (this.parent.viewType === 'ResourceView' && data.hasChildRecords && !data.expanded && this.parent.enableMultiTaskbar && !this.parent.allowTaskbarOverlap &&
-                !this.parent.ganttChartModule.isCollapseAll && !this.parent.ganttChartModule.isExpandAll) {
+            if (this.parent.viewType === 'ResourceView' && data.hasChildRecords && !data.expanded && this.parent.enableMultiTaskbar && !this.parent.allowTaskbarOverlap) {
                 this.updateDragDropRecords(selectedItem, tr);
             }
             if (this.parent.viewType === 'ResourceView' && data.hasChildRecords && this.parent.showOverAllocation && !this.parent.allowTaskbarOverlap) {
@@ -1975,6 +1962,10 @@ var ChartRows = /** @class */ (function (_super) {
         addClass([cloneElement], 'collpse-parent-border');
         var id = tRow.querySelector('.' + cls.taskBarMainContainer).getAttribute('rowUniqueId');
         var ganttData = this.parent.getRecordByID(id);
+        var mainTaskbar = (cloneElement.querySelector('.e-gantt-child-taskbar'));
+        if (this.parent.queryTaskbarInfo) {
+            this.triggerQueryTaskbarInfoByIndex(mainTaskbar, ganttData);
+        }
         var zIndex = "";
         if (ganttData && !isNullOrUndefined(ganttData.ganttProperties.eOverlapIndex)) {
             zIndex = (ganttData.ganttProperties.eOverlapIndex).toString();

package/src/gantt/renderer/connector-line.js

@@ -10,6 +10,7 @@ var ConnectorLine = /** @class */ (function () {
         this.transform = '';
         this.connectorLinePath = '';
         this.arrowPath = '';
+        this.taskLineValue = 0;
         this.expandedRecords = [];
         this.parent = ganttObj;
         this.dependencyViewContainer =
@@ -849,10 +850,10 @@ var ConnectorLine = /** @class */ (function () {
      * @private
      */
     ConnectorLine.prototype.getConnectorLineTooltipInnerTd = function (fromTaskName, fromPredecessorText, toTaskName, toPredecessorText) {
-        var innerTd = '<tr  id="fromPredecessor"><td style="padding: 4px;">' + this.parent.localeObj.getConstant('from') + '</td><td> ';
+        var innerTd = '<tr  id="fromPredecessor"><td style="padding: 4px;width: 30px;">' + this.parent.localeObj.getConstant('from') + '</td><td> ';
         innerTd = innerTd + fromTaskName + ' </td><td style="padding: 2px;"> ' + this.parent.localeObj.getConstant(fromPredecessorText) + ' </td> </tr>';
         innerTd = innerTd + '<tr id="toPredecessor"><td style="padding: 4px;">' + this.parent.localeObj.getConstant('to') + '</td><td> ' + toTaskName;
-        innerTd = innerTd + ' </td><td style="padding: 2px;"> ' + this.parent.localeObj.getConstant(toPredecessorText) + ' </td></tr></tbody><table>';
+        innerTd = innerTd + ' </td><td style="padding: 2px;width: 30px;"> ' + this.parent.localeObj.getConstant(toPredecessorText) + ' </td></tr></tbody><table>';
         return innerTd;
     };
     /**

package/src/gantt/renderer/tooltip.js

@@ -24,7 +24,7 @@ var Tooltip = /** @class */ (function () {
             '.e-gantt-parent-taskbar, .e-gantt-milestone, .e-gantt-unscheduled-taskbar' +
             '.e-event-markers, .e-baseline-bar, .e-event-markers,' +
             '.e-connector-line-container, .e-indicator-span, .e-notes-info, .e-gantt-manualparent-milestone,' +
-            '.e-taskbar-left-resizer, .e-taskbar-right-resizer, .e-baseline-gantt-milestone, .e-gantt-manualparenttaskbar';
+            '.e-taskbar-left-resizer, .e-taskbar-right-resizer, .e-baseline-gantt-milestone-container, .e-gantt-manualparenttaskbar';
         this.toolTipObj.position = 'BottomCenter';
         this.toolTipObj.openDelay = 700;
         this.toolTipObj.enableRtl = this.parent.enableRtl;
@@ -92,7 +92,7 @@ var Tooltip = /** @class */ (function () {
                         parent.tooltipModule.getTooltipContent((data.ganttProperties.isMilestone ? 'milestone' : 'taskbar'), data, parent, args) : "";
                 }
                 else if (args.target.classList.contains('e-baseline-bar') ||
-                    args.target.classList.contains('e-baseline-gantt-milestone')) {
+                    args.target.classList.contains('e-baseline-gantt-milestone-container')) {
                     var baseLineTemplateNode = void 0;
                     if ((parent.tooltipSettings.baseline)) {
                         baseLineTemplateNode = parent.tooltipModule.templateCompiler(parent.tooltipSettings.baseline, parent, data, 'TooltipBaselineTemplate');
@@ -263,7 +263,7 @@ var Tooltip = /** @class */ (function () {
             case 'milestone':
                 {
                     var milestoneStartDate = void 0;
-                    if (args.target.className.includes('e-baseline-gantt-milestone') && !isNullOrUndefined(data.baselineStartDate)) {
+                    if (args.target.className.includes('e-baseline-gantt-milestone-container') && !isNullOrUndefined(data.baselineStartDate)) {
                         milestoneStartDate = data.baselineStartDate;
                     }
                     else if (!isNullOrUndefined(data.startDate)) {