@syncfusion/ej2-gantt 20.3.58 → 20.3.60

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.58
+*  version : 20.3.60
 *  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-gantt@*",
-  "_id": "@syncfusion/ej2-gantt@20.3.57",
+  "_id": "@syncfusion/ej2-gantt@20.3.59",
   "_inBundle": false,
-  "_integrity": "sha512-YnJkMNQyXoW0T7nc2rfQXJErOOE0Rd+q3QvrFeKZ083KAXL6JB5FLkGiOPaofJAyn4ot/dpNslx8flipuWsCgw==",
+  "_integrity": "sha512-M/3WZzVzpwkLFh9alL80AIe56TOTDDu80diB+JLOv7KcX67eEf0IgJMkLHxNdolxu9+WBtb0TZdJtymYcW5jxQ==",
   "_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-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.3.57.tgz",
-  "_shasum": "9a886f0ed16986a85f81f85b826cc3a404da37be",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.3.59.tgz",
+  "_shasum": "5afb3c74c9dccee345b8c8bdd1692f089fba2a6e",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -37,17 +37,17 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~20.3.56",
     "@syncfusion/ej2-buttons": "~20.3.58",
-    "@syncfusion/ej2-calendars": "~20.3.56",
-    "@syncfusion/ej2-data": "~20.3.56",
-    "@syncfusion/ej2-dropdowns": "~20.3.58",
-    "@syncfusion/ej2-grids": "~20.3.58",
+    "@syncfusion/ej2-calendars": "~20.3.59",
+    "@syncfusion/ej2-data": "~20.3.60",
+    "@syncfusion/ej2-dropdowns": "~20.3.60",
+    "@syncfusion/ej2-grids": "~20.3.60",
     "@syncfusion/ej2-inputs": "~20.3.57",
     "@syncfusion/ej2-layouts": "~20.3.58",
     "@syncfusion/ej2-lists": "~20.3.56",
-    "@syncfusion/ej2-navigations": "~20.3.58",
-    "@syncfusion/ej2-popups": "~20.3.58",
-    "@syncfusion/ej2-richtexteditor": "~20.3.56",
-    "@syncfusion/ej2-treegrid": "~20.3.58"
+    "@syncfusion/ej2-navigations": "~20.3.60",
+    "@syncfusion/ej2-popups": "~20.3.60",
+    "@syncfusion/ej2-richtexteditor": "~20.3.60",
+    "@syncfusion/ej2-treegrid": "~20.3.60"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "20.3.58",
+  "version": "20.3.60",
   "sideEffects": false
 }

package/src/gantt/actions/dependency.js

@@ -758,6 +758,9 @@ var Dependency = /** @class */ (function () {
                     this.parent.dataOperation.updateParentItems(record, true);
                 }
             }
+            else if (record && record.hasChildRecords && !ganttProp) {
+                this.parent.editModule['updateChildItems'](record);
+            }
         }
     };
     /**

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

@@ -1867,7 +1867,7 @@ var DialogEdit = /** @class */ (function () {
             inputElement = this.createInputElement('', ganttId + '' + column.field, column.field);
             divElement.appendChild(inputElement);
         }
-        inputModel.enabled = !this.isCheckIsDisabled(column);
+        inputModel.enabled = !isNullOrUndefined(inputModel.enabled) ? inputModel.enabled : !this.isCheckIsDisabled(column);
         if (column.field === this.parent.taskFields.duration) {
             if (!isNullOrUndefined(column.valueAccessor)) {
                 if (typeof column.valueAccessor === 'string') {

package/src/gantt/actions/edit.js

@@ -807,6 +807,7 @@ var Edit = /** @class */ (function () {
                     this.parent.editedTaskBarItem = ganttRecord;
                 }
                 this.parent.predecessorModule.validatePredecessor(ganttRecord, [], '');
+                this.parent.predecessorModule.isValidatedParentTaskID = '';
             }
             if (ganttRecord.hasChildRecords && this.parent.previousRecords[ganttRecord.uniqueID].ganttProperties.startDate &&
                 (args.action === "DrawConnectorLine" || args.action === "CellEditing" || args.action === "DialogEditing")) {
@@ -1029,7 +1030,9 @@ var Edit = /** @class */ (function () {
             previousStartDate = new Date(ganttRecord.ganttProperties.startDate.getTime());
         }
         else {
-            previousStartDate = new Date(previousData.ganttProperties.startDate.getTime());
+            if (!isNullOrUndefined(previousData.ganttProperties.startDate)) {
+                previousStartDate = new Date(previousData.ganttProperties.startDate.getTime());
+            }
         }
         var currentStartDate = ganttRecord.ganttProperties.startDate;
         var childRecords = [];
@@ -1042,7 +1045,7 @@ var Edit = /** @class */ (function () {
         if (childRecords.length === 0) {
             return;
         }
-        if (previousStartDate.getTime() > currentStartDate.getTime()) {
+        if (!isNullOrUndefined(previousStartDate) && !isNullOrUndefined(currentStartDate) && previousStartDate.getTime() > currentStartDate.getTime()) {
             validStartDate = this.parent.dateValidationModule.checkStartDate(currentStartDate);
             validEndDate = this.parent.dateValidationModule.checkEndDate(previousStartDate, ganttRecord.ganttProperties);
             isRightMove = false;
@@ -1053,7 +1056,7 @@ var Edit = /** @class */ (function () {
             isRightMove = true;
         }
         //Get Duration
-        if (validStartDate.getTime() >= validEndDate.getTime()) {
+        if (!isNullOrUndefined(validStartDate) && !isNullOrUndefined(validEndDate) && validStartDate.getTime() >= validEndDate.getTime()) {
             durationDiff = 0;
         }
         else {
@@ -1341,6 +1344,12 @@ var Edit = /** @class */ (function () {
         }
         if (!isNullOrUndefined(unassignedTasks)) {
             this.addNewRecord(updateRecord, unassignedTasks);
+            var updatedData = this.parent.currentViewData.filter(function (data) {
+                return (data.ganttProperties.taskId === updateRecord.ganttProperties.taskId &&
+                    (data.hasChildRecords === updateRecord.hasChildRecords));
+            })[0];
+            updateRecord.parentItem = updatedData.parentItem;
+            updateRecord.parentUniqueID = updatedData.parentUniqueID;
         }
         else {
             // Block for create the unassigned task.
@@ -1616,13 +1625,17 @@ var Edit = /** @class */ (function () {
                 var data = selectedRecords[i];
                 var ids = data.ganttProperties.sharedTaskUniqueIds;
                 for (var j = 0; j < ids.length; j++) {
-                    deleteRecords.push(this_1.parent.flatData[this_1.parent.ids.indexOf(ids[j].toString())]);
+                    if (this_1.parent.ids.indexOf(ids[j].toString()) !== -1) {
+                        deleteRecords.push(this_1.parent.flatData[this_1.parent.ids.indexOf(ids[j].toString())]);
+                    }
+                }
+                if (this_1.parent.ids.indexOf(data.ganttProperties.rowUniqueID) !== -1) {
+                    deleteRecords.push(this_1.parent.flatData[this_1.parent.ids.indexOf(data.ganttProperties.rowUniqueID)]);
                 }
-                deleteRecords.push(this_1.parent.flatData[this_1.parent.ids.indexOf(data.ganttProperties.rowUniqueID)]);
             }
             else {
                 var resourceParent = this_1.parent.flatData.filter(function (data) {
-                    return (parseInt(data.ganttProperties.taskId) == parseInt(selectedRecords[i].ganttProperties.taskId) &&
+                    return (data.ganttProperties.taskId === selectedRecords[i].ganttProperties.taskId &&
                         data.hasChildRecords);
                 })[0];
                 deleteRecords.push(resourceParent);
@@ -2007,6 +2020,7 @@ var Edit = /** @class */ (function () {
         });
     };
     Edit.prototype.deleteSuccess = function (args) {
+        var _this = this;
         var flatData = this.parent.flatData;
         var currentData = this.parent.currentViewData;
         var deletedRecords = this.parent.getRecordFromFlatdata(args.deletedRecordCollection);
@@ -2078,11 +2092,34 @@ var Edit = /** @class */ (function () {
         setValue('action', args.action, eventArgs);
         this.parent.isOnDelete = false;
         if (this.parent.viewType === 'ResourceView') {
-            var updateUnAssignedResources = eventArgs.data.filter(function (data) {
+            var updateUnAssignedResources_1 = eventArgs.data.filter(function (data) {
                 return !data.hasChildRecords;
             });
-            for (var i = 0; i < updateUnAssignedResources.length; i++) {
-                this.checkWithUnassignedTask(updateUnAssignedResources[i]);
+            var _loop_2 = function (i) {
+                var unassignedTask = this_2.parent.flatData.filter(function (data) {
+                    return data.ganttProperties.taskName === _this.parent.localeObj.getConstant('unassignedTask');
+                })[0];
+                var isDuplicate = unassignedTask.childRecords.filter(function (data) {
+                    return data.ganttProperties.taskId === updateUnAssignedResources_1[i].ganttProperties.taskId;
+                });
+                var parentTask = this_2.parent.getParentTask(updateUnAssignedResources_1[i].parentItem);
+                if (parentTask && parentTask.ganttProperties.taskName !==
+                    this_2.parent.localeObj.getConstant('unassignedTask') && isDuplicate.length === 0) {
+                    this_2.checkWithUnassignedTask(updateUnAssignedResources_1[i]);
+                    if (parentTask) {
+                        this_2.parent.dataOperation.updateParentItems(updateUnAssignedResources_1[i].parentItem);
+                    }
+                }
+                else if (!parentTask && isDuplicate.length === 0) {
+                    this_2.checkWithUnassignedTask(updateUnAssignedResources_1[i]);
+                    if (updateUnAssignedResources_1[i].parentItem) {
+                        this_2.parent.dataOperation.updateParentItems(updateUnAssignedResources_1[i].parentItem);
+                    }
+                }
+            };
+            var this_2 = this;
+            for (var i = 0; i < updateUnAssignedResources_1.length; i++) {
+                _loop_2(i);
             }
         }
         this.parent.trigger('actionComplete', eventArgs);
@@ -2539,27 +2576,27 @@ var Edit = /** @class */ (function () {
                 }
             }
         }
-        var _loop_2 = function (i) {
-            var originalData = this_2.parent.modifiedRecords[i];
-            var treeIndex = this_2.parent.allowRowDragAndDrop ? 1 : 0;
-            var uniqueTaskID = this_2.parent.taskFields.id;
-            originalIndex = this_2.parent.currentViewData.findIndex(function (data) {
+        var _loop_3 = function (i) {
+            var originalData = this_3.parent.modifiedRecords[i];
+            var treeIndex = this_3.parent.allowRowDragAndDrop ? 1 : 0;
+            var uniqueTaskID = this_3.parent.taskFields.id;
+            originalIndex = this_3.parent.currentViewData.findIndex(function (data) {
                 return (data[uniqueTaskID] == originalData[uniqueTaskID]);
             });
-            if (this_2.parent.treeGrid.getRows()[originalIndex]) {
-                this_2.parent.treeGrid.renderModule.cellRender({
-                    data: originalData, cell: this_2.parent.treeGrid.getRows()[originalIndex].cells[this_2.parent.treeColumnIndex + treeIndex],
-                    column: this_2.parent.treeGrid.grid.getColumns()[this_2.parent.treeColumnIndex],
+            if (this_3.parent.treeGrid.getRows()[originalIndex]) {
+                this_3.parent.treeGrid.renderModule.cellRender({
+                    data: originalData, cell: this_3.parent.treeGrid.getRows()[originalIndex].cells[this_3.parent.treeColumnIndex + treeIndex],
+                    column: this_3.parent.treeGrid.grid.getColumns()[this_3.parent.treeColumnIndex],
                     requestType: 'rowDragAndDrop'
                 });
-                this_2.parent.treeGrid.renderModule.RowModifier({
-                    data: originalData, row: this_2.parent.treeGrid.getRows()[originalIndex], rowHeight: this_2.parent.rowHeight
+                this_3.parent.treeGrid.renderModule.RowModifier({
+                    data: originalData, row: this_3.parent.treeGrid.getRows()[originalIndex], rowHeight: this_3.parent.rowHeight
                 });
             }
         };
-        var this_2 = this, originalIndex;
+        var this_3 = this, originalIndex;
         for (var i = 0; i < this.parent.modifiedRecords.length; i++) {
-            _loop_2(i);
+            _loop_3(i);
         }
     };
     /**

package/src/gantt/actions/keyboard.js

@@ -62,7 +62,6 @@ var FocusModule = /** @class */ (function () {
                     if (ganttObj.selectedRowIndex === ganttObj.flatData.indexOf(currentSelectingRecord)) {
                         return;
                     }
-                    ganttObj.selectionModule.selectRow(ganttObj.flatData.indexOf(currentSelectingRecord), false, true);
                 }
                 break;
             case 'downArrow':

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

@@ -1619,14 +1619,20 @@ var TaskbarEdit = /** @class */ (function (_super) {
                     new Date(nextSegment.startDate.getTime()) : this.parent.cloneProjectEndDate;
                 var eDate = !isNullOrUndefined(previousSegment) ?
                     new Date(previousSegment.endDate.getTime()) : this.parent.cloneProjectStartDate;
-                sDate.setHours(0, 0, 0, 0);
-                eDate.setHours(0, 0, 0, 0);
                 var cStartDate = new Date(segment.startDate.getTime());
                 var cEndDate = new Date(segment.endDate.getTime());
-                cStartDate.setDate(cStartDate.getDate() - 1);
-                cEndDate.setDate(cEndDate.getDate() + 1);
-                cStartDate.setHours(0, 0, 0, 0);
-                cEndDate.setHours(0, 0, 0, 0);
+                if (this.parent.timelineModule.topTier === 'Day' && this.parent.timelineModule.bottomTier === 'Hour') {
+                    cStartDate.setHours(cStartDate.getHours() - 1);
+                    cEndDate.setHours(cEndDate.getHours() + 1);
+                }
+                else {
+                    sDate.setHours(0, 0, 0, 0);
+                    eDate.setHours(0, 0, 0, 0);
+                    cStartDate.setDate(cStartDate.getDate() - 1);
+                    cEndDate.setDate(cEndDate.getDate() + 1);
+                    cStartDate.setHours(0, 0, 0, 0);
+                    cEndDate.setHours(0, 0, 0, 0);
+                }
                 if (cStartDate.getTime() <= eDate.getTime() && !isNullOrUndefined(previousSegment) && !isNullOrUndefined(segment)) {
                     var segmentIndexes = [
                         { 'firstSegmentIndex': previousSegment.segmentIndex, 'secondSegmentIndex': segment.segmentIndex }

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

@@ -299,6 +299,9 @@ var GanttChart = /** @class */ (function () {
             this.parent.notify('chartMouseDown', e);
             this.parent.element.tabIndex = 0;
         }
+        if (this.parent.editSettings.allowEditing && this.parent.treeGrid.element.getElementsByClassName('e-editedbatchcell').length > 0) {
+            this.parent.treeGrid.endEdit();
+        }
     };
     GanttChart.prototype.ganttChartMouseClick = function (e) {
         if (this.parent.autoFocusTasks) {
@@ -356,6 +359,9 @@ var GanttChart = /** @class */ (function () {
      * @private
      */
     GanttChart.prototype.mouseUp = function (e) {
+        if (!isNullOrUndefined(this.parent.editModule) && !isNullOrUndefined(this.parent.editModule.taskbarEditModule)) {
+            this.parent.editModule.taskbarEditModule.removeFalseLine(false);
+        }
         if (this.parent.allowRowDragAndDrop) {
             var ganttDragElemet = this.parent.element.querySelector('.e-ganttdrag');
             if (ganttDragElemet) {

package/src/gantt/base/tree-grid.js

@@ -599,7 +599,7 @@ var GanttTreeGrid = /** @class */ (function () {
                 break;
             }
         }
-        if (typeof (taskIDName) === "string") {
+        if (typeof (taskIDName) === "string" || isNullOrUndefined(taskIDName)) {
             if (this.parent.viewType === 'ResourceView') {
                 column.allowEditing = column.allowEditing ? column.allowEditing : false;
             }

package/src/gantt/renderer/timeline.js

@@ -1355,9 +1355,9 @@ var Timeline = /** @class */ (function () {
                 var validStartLeft = this.parent.dataOperation.getTaskLeft(validStartDate, false);
                 var validEndLeft = this.parent.dataOperation.getTaskLeft(validEndDate, false);
                 var isChanged = void 0;
-                if (!isNullOrUndefined(maxStartLeft) && (minStartDate < this.timelineStartDate) && (maxStartLeft < this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
+                if (!isNullOrUndefined(maxStartLeft) && ((minStartDate < this.timelineStartDate) || (!isNullOrUndefined(this.parent.editModule.taskbarEditModule)) && (!isNullOrUndefined(this.parent.editModule.taskbarEditModule.taskBarEditAction))) && (maxStartLeft < this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
                     isChanged = 'prevTimeSpan';
-                    minStartDate = this.timelineStartDate;
+                    minStartDate = minStartDate > this.timelineStartDate ? this.timelineStartDate : minStartDate;
                 }
                 else {
                     minStartDate = this.timelineStartDate;

package/styles/bootstrap-dark.css

@@ -699,10 +699,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -947,6 +947,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/bootstrap.css

@@ -843,10 +843,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -1091,6 +1091,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/bootstrap4.css

@@ -1026,10 +1026,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -1274,6 +1274,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/bootstrap5-dark.css

@@ -742,10 +742,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -990,6 +990,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/bootstrap5.css

@@ -742,10 +742,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -990,6 +990,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/fabric-dark.css

@@ -655,10 +655,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -903,6 +903,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/fabric.css

@@ -653,10 +653,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -901,6 +901,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/fluent-dark.css

@@ -723,10 +723,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -971,6 +971,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/fluent.css

@@ -723,10 +723,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -971,6 +971,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/gantt/_layout.scss

@@ -622,12 +622,12 @@
       }
 
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
 
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
 
       .e-chart-row {
@@ -907,6 +907,7 @@
 
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
 
       .e-left-resize-gripper,

package/styles/gantt/bootstrap-dark.css

@@ -699,10 +699,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -947,6 +947,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/gantt/bootstrap.css

@@ -843,10 +843,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -1091,6 +1091,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/gantt/bootstrap4.css

@@ -1026,10 +1026,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -1274,6 +1274,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/gantt/bootstrap5-dark.css

@@ -742,10 +742,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -990,6 +990,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {

package/styles/gantt/bootstrap5.css

@@ -742,10 +742,10 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
-  border-top-color: transparent;
+  border-top: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
   border-collapse: separate;
@@ -990,6 +990,7 @@
 }
 .e-gantt .e-gantt-chart .e-task-table {
   overflow: hidden;
+  border-collapse: separate;
 }
 .e-gantt .e-gantt-chart .e-left-resize-gripper,
 .e-gantt .e-gantt-chart .e-right-resize-gripper {