@syncfusion/ej2-gantt 23.1.41 → 23.1.42

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.41
+*  version : 23.1.42
 *  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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-gantt@*",
-  "_id": "@syncfusion/ej2-gantt@23.1.39",
+  "_id": "@syncfusion/ej2-gantt@23.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-qmaxSxoGo8FGSqkz9vwQ5ZwJUzq/09DO/DKLY7frot25EBgT1cF3xUvWpi/9qrgyqAz7vjy4gUfHSTu09XSplQ==",
+  "_integrity": "sha512-jcs4HoOTCFjd5sg6HO6k4E4cnFZBYamHgtWru3YhD1fcQ1cDEl5j3sxBHdh1dPqSkD/1R9mRrPPMk2EMSW+BqQ==",
   "_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-23.1.39.tgz",
-  "_shasum": "d505c2c3910ba7b673aff9c4a980f87c3e4af30d",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-23.1.41.tgz",
+  "_shasum": "a46af0dab1574ccd5e24f13fc8cff8e239743030",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -36,14 +36,14 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~23.1.41",
-    "@syncfusion/ej2-buttons": "~23.1.41",
+    "@syncfusion/ej2-buttons": "~23.1.42",
     "@syncfusion/ej2-calendars": "~23.1.41",
     "@syncfusion/ej2-data": "~23.1.36",
-    "@syncfusion/ej2-dropdowns": "~23.1.41",
-    "@syncfusion/ej2-grids": "~23.1.41",
-    "@syncfusion/ej2-inputs": "~23.1.40",
+    "@syncfusion/ej2-dropdowns": "~23.1.42",
+    "@syncfusion/ej2-grids": "~23.1.42",
+    "@syncfusion/ej2-inputs": "~23.1.42",
     "@syncfusion/ej2-layouts": "~23.1.36",
-    "@syncfusion/ej2-lists": "~23.1.36",
+    "@syncfusion/ej2-lists": "~23.1.42",
     "@syncfusion/ej2-navigations": "~23.1.41",
     "@syncfusion/ej2-notifications": "~23.1.40",
     "@syncfusion/ej2-popups": "~23.1.38",
@@ -74,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "23.1.41",
+  "version": "23.1.42",
   "sideEffects": false
 }

package/src/gantt/actions/chart-scroll.js

@@ -91,7 +91,12 @@ var ChartScroll = /** @class */ (function () {
                 for (var i = 0; i < parent.currentViewData.length; i++) {
                     var tr = parent.chartRowsModule.ganttChartTableBody.childNodes[i];
                     if (tr['style'].display !== 'none' && parent.currentViewData[i].hasChildRecords && !parent.currentViewData[i].expanded) {
-                        parent.treeGrid.getRowByIndex(i)['style'].height = tr['style'].height;
+                        if (parent.ganttChartModule.isExpandAll || parent.ganttChartModule.isCollapseAll) {
+                            parent.treeGrid.getRowByIndex(i)['style'].height = tr['style'].height;
+                        }
+                        else {
+                            parent.treeGrid.getRows()[i]['style'].height = tr['style'].height;
+                        }
                     }
                 }
                 parent.contentHeight = parent.enableRtl ? parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :

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

@@ -648,6 +648,7 @@ var CriticalPath = /** @class */ (function () {
                     fromRecord.isCritical = record.ganttProperties.isCritical;
                     fromRecord.ganttProperties.isCritical = record.ganttProperties.isCritical;
                     if (criticalPathIds.indexOf(fromRecord.ganttProperties.taskId) === -1 && fromRecord.ganttProperties.isCritical && fromRecord.ganttProperties.progress < 100) {
+                        criticalPathIds.push(fromRecord.ganttProperties.taskId);
                         this.validatedids.push(parseInt(fromRecord.ganttProperties.taskId));
                         if (this.criticalTasks.indexOf(fromRecord) === -1) {
                             this.criticalTasks.push(fromRecord);

package/src/gantt/actions/edit.js

@@ -1301,7 +1301,7 @@ var Edit = /** @class */ (function () {
                 this.parent.editedRecords[parseInt(i.toString(), 10)].ganttProperties['endDate'] = rec[this.parent.taskFields.endDate];
             }
             if (this.parent.taskFields.duration !== null) {
-                this.parent.editedRecords[parseInt(i.toString(), 10)].ganttProperties['duration'] = parseInt(rec[this.parent.taskFields.duration]);
+                this.parent.editedRecords[parseInt(i.toString(), 10)].ganttProperties['duration'] = parseFloat(rec[this.parent.taskFields.duration]);
             }
             if (this.parent.taskFields.durationUnit !== null) {
                 this.parent.editedRecords[parseInt(i.toString(), 10)].ganttProperties['durationUnit'] = rec[this.parent.taskFields.durationUnit];
@@ -1390,6 +1390,9 @@ var Edit = /** @class */ (function () {
             this.parent.editModule.dialogModule.previousResource = [];
         }
         if (!this.isTreeGridRefresh) {
+            if (this.parent.editSettings.allowEditing && this.parent.treeGrid.element.getElementsByClassName('e-editedbatchcell').length > 0) {
+                this.parent.treeGrid.endEdit();
+            }
             this.parent.chartRowsModule.refreshRecords(this.parent.editedRecords);
             if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && this.parent.showOverAllocation) {
                 this.parent.contentHeight = this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
@@ -2927,7 +2930,7 @@ var Edit = /** @class */ (function () {
             args.data.ganttProperties['endDate'] = serverReturnedValue[this.parent.taskFields.endDate];
         }
         if (this.parent.taskFields.duration !== null) {
-            args.data.ganttProperties['duration'] = parseInt(serverReturnedValue[this.parent.taskFields.duration]);
+            args.data.ganttProperties['duration'] = parseFloat(serverReturnedValue[this.parent.taskFields.duration]);
         }
         if (this.parent.taskFields.durationUnit !== null) {
             args.data.ganttProperties['durationUnit'] = serverReturnedValue[this.parent.taskFields.durationUnit];

package/src/gantt/actions/rowdragdrop.js

@@ -467,12 +467,12 @@ var RowDD = /** @class */ (function () {
     RowDD.prototype.deleteSharedResourceTask = function () {
         for (var i = 0; i < this.parent.getTaskIds().length; i++) {
             if (this.parent.getTaskIds()[i] === 'T' + this.draggedRecord.ganttProperties.taskId) {
-                if (this.parent.getTaskByUniqueID(this.parent.currentViewData[i].parentItem.uniqueID).ganttProperties.taskName !== 'Unassigned Task') {
-                    this.removeRecords(this.parent.currentViewData[i]);
+                if (this.parent.getTaskByUniqueID(this.parent.flatData[i].parentItem.uniqueID).ganttProperties.taskName !== 'Unassigned Task') {
+                    this.removeRecords(this.parent.flatData[i]);
                 }
                 /* eslint-disable-next-line */
-                if (!isNullOrUndefined(this.parent.currentViewData[i].parentItem && this.updateParentRecords.indexOf(this.parent.currentViewData[i].parentItem) !== -1)) {
-                    this.updateParentRecords.push(this.parent.currentViewData[i].parentItem);
+                if (!isNullOrUndefined(this.parent.flatData[i].parentItem && this.updateParentRecords.indexOf(this.parent.flatData[i].parentItem) !== -1)) {
+                    this.updateParentRecords.push(this.parent.flatData[i].parentItem);
                 }
             }
         }
@@ -496,7 +496,7 @@ var RowDD = /** @class */ (function () {
                 this.parent.editModule.updateGanttProperties(this.draggedRecord, this.parent.flatData[i]);
                 this.parent.dataOperation.updateTaskData(this.parent.flatData[i]);
                 /* eslint-disable-next-line */
-                if (!isNullOrUndefined(this.parent.flatData[i].parentItem && this.updateParentRecords.indexOf(this.parent.currentViewData[i].parentItem) !== -1)) {
+                if (!isNullOrUndefined(this.parent.flatData[i].parentItem && this.updateParentRecords.indexOf(this.parent.flatData[i].parentItem) !== -1)) {
                     this.updateParentRecords.push(this.parent.flatData[i].parentItem);
                 }
             }
@@ -927,7 +927,7 @@ var RowDD = /** @class */ (function () {
                 }
                 var data = [];
                 for (var i = 0; i < fromIndexes.length; i++) {
-                    data[i] = this.parent.updatedRecords[fromIndexes[i]];
+                    data[i] = this.parent.flatData[fromIndexes[i]];
                 }
                 var isByMethod = true;
                 var args = {

package/src/gantt/actions/taskbar-edit.d.ts

@@ -10,6 +10,9 @@ export declare class TaskbarEdit extends DateProcessor {
     taskBarEditRecord: IGanttData;
     taskBarEditAction: string;
     roundOffDuration: boolean;
+    private droppedTarget;
+    leftValue: number;
+    private previousLeftValue;
     private mouseDownX;
     private mouseDownY;
     mouseMoveX: number;
@@ -50,7 +53,7 @@ export declare class TaskbarEdit extends DateProcessor {
     currentItemTop: number;
     currentItemPrevTop: number;
     topValue: number;
-    draggedRecordMarginTop: number;
+    draggedRecordMarginTop: string;
     dragMoveY: number;
     private realTaskbarElement;
     private cloneTaskbarElement;

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

@@ -34,6 +34,8 @@ var TaskbarEdit = /** @class */ (function (_super) {
     __extends(TaskbarEdit, _super);
     function TaskbarEdit(ganttObj) {
         var _this = _super.call(this, ganttObj) || this;
+        _this.leftValue = 0;
+        _this.previousLeftValue = 0;
         _this.isMouseDragged = false;
         _this.dependencyCancel = false;
         _this.editElement = null;
@@ -45,7 +47,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
         _this.currentItemTop = 0;
         _this.currentItemPrevTop = 0;
         _this.topValue = 0;
-        _this.draggedRecordMarginTop = 0;
+        _this.draggedRecordMarginTop = '0px';
         _this.parent = ganttObj;
         _this.initPublicProp();
         _this.wireEvents();
@@ -516,17 +518,6 @@ var TaskbarEdit = /** @class */ (function (_super) {
             this.mouseDownY = this.dragMoveY = e.pageY - containerPosition.top +
                 this.parent.ganttChartModule.scrollObject.previousScroll.top;
         }
-        if (this.parent.viewType == "ResourceView" && this.parent.allowTaskbarDragAndDrop) {
-            var toolbarHeight = 0;
-            if (!isNullOrUndefined(this.parent.toolbarModule) && !isNullOrUndefined(this.parent.toolbarModule.element)) {
-                toolbarHeight = this.parent.toolbarModule.element.offsetHeight;
-            }
-            this.topValue = this.parent.getOffsetRect(event.target).top - this.parent.getOffsetRect(this.parent.element).top -
-                parseInt((closest(event.target, '.e-taskbar-main-container'))['style'].marginTop) -
-                this.parent.element.getElementsByClassName('e-timeline-header-container')[0]['offsetHeight'] -
-                toolbarHeight + document.getElementsByClassName('e-chart-scroll-container e-content')[0].scrollTop;
-            this.currentItemPrevTop = this.currentItemTop = this.topValue;
-        }
         if (this.taskBarEditAction === 'ConnectorPointLeftDrag' || this.taskBarEditAction === 'ConnectorPointRightDrag') {
             this.fromPredecessorText = this.taskBarEditAction === 'ConnectorPointLeftDrag' ? 'start' : 'finish';
             this.parent.connectorLineModule.tooltipTable.innerHTML = this.parent.connectorLineModule.getConnectorLineTooltipInnerTd(this.taskBarEditRecord.ganttProperties.taskName, this.fromPredecessorText, '', '');
@@ -590,7 +581,12 @@ var TaskbarEdit = /** @class */ (function (_super) {
                     currentElement.parentElement.appendChild(this.taskbarElement);
                 }
                 else {
-                    currentElement.appendChild(this.taskbarElement);
+                    if (this.parent.allowTaskbarDragAndDrop && this.taskBarEditAction !== 'LeftResizing' && this.taskBarEditAction !== 'RightResizing' && this.taskBarEditAction !== 'ProgressResizing') {
+                        this.parent.chartPane.getElementsByClassName('e-gantt-chart')[0].appendChild(this.taskbarElement);
+                    }
+                    else {
+                        currentElement.appendChild(this.taskbarElement);
+                    }
                 }
                 if (this.taskBarEditAction !== 'ProgressResizing') {
                     var rootElement = this.parent.ganttChartModule.chartBodyContainer.querySelectorAll(".e-chart-rows-container");
@@ -673,26 +669,40 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 this.triggerDependencyEvent(e);
                 this.drawFalseLine();
             }
-            if (this.parent.viewType == 'ResourceView' && this.parent.allowTaskbarDragAndDrop) {
-                if (this.dragMoveY > this.mouseMoveY) {
-                    this.mouseMoveY = this.dragMoveY - this.mouseMoveY;
-                    this.currentItemTop = this.currentItemTop - this.mouseMoveY;
-                }
-                else {
-                    this.mouseMoveY -= this.dragMoveY;
-                    this.currentItemTop = this.currentItemTop + this.mouseMoveY;
-                }
-                var containerPosition = this.parent.getOffsetRect(this.parent.ganttChartModule.chartBodyContainer);
-                if (this.parent.isAdaptive || e.touches) {
-                    this.dragMoveY = e.touches[0].pageY - containerPosition.top + this.parent.ganttChartModule.scrollObject.previousScroll.top;
+            if (this.parent.viewType == 'ResourceView' && this.parent.allowTaskbarDragAndDrop && this.taskBarEditAction !== 'LeftResizing' && this.taskBarEditAction !== 'RightResizing' && this.taskBarEditAction !== 'ProgressResizing') {
+                var parentClientRect = this.parent.getOffsetRect(this.parent.chartPane);
+                var coordinates = this.getCoordinate(e);
+                var position = { top: coordinates.pageY, left: coordinates.pageX };
+                var pos = { left: Math.abs(position.left - parentClientRect.left), top: position.top - parentClientRect.top };
+                var parentRecord = this.parent.getRecordByID(this.taskBarEditRecord.parentItem.taskId);
+                if (!this.parent.allowTaskbarOverlap && this.taskBarEditRecord.parentItem && !parentRecord.expanded) {
+                    var reduceHeight = 0;
+                    if (parseInt(this.editElement['style'].marginTop) > this.parent.rowHeight) {
+                        for (var i = 0; i < parentRecord.childRecords.length; i++) {
+                            if (parentRecord.childRecords[i].ganttProperties.taskId !== this.taskBarEditRecord.ganttProperties.taskId) {
+                                reduceHeight = reduceHeight + this.parent.rowHeight;
+                            }
+                            else {
+                                break;
+                            }
+                        }
+                        pos.top = pos.top - reduceHeight;
+                    }
                 }
-                else {
-                    this.dragMoveY = e.pageY - containerPosition.top + this.parent.ganttChartModule.scrollObject.previousScroll.top;
+                this.topValue = pos.top;
+                this.leftValue = pos.left - (e.pageX - this.parent.getOffsetRect(this.taskBarEditElement).left) + (this.previousLeftValue !== 0 ? e.pageX - this.previousLeftValue : 0);
+                if (this.previousLeftValue == 0) {
+                    if (!this.parent.enableRtl) {
+                        this.leftValue = this.leftValue - this.parent.ganttChartModule.scrollObject.previousScroll.left + 4;
+                    }
+                    else {
+                        this.leftValue = this.leftValue + Math.abs(this.parent.ganttChartModule.scrollObject.previousScroll.left) + 4;
+                    }
                 }
-                this.topValue = this.currentItemTop;
-                this.currentItemPrevTop = (this.currentItemPrevTop === 0 ||
-                    this.topValue == this.currentItemTop) ? this.topValue :
-                    this.currentItemPrevTop;
+                this.previousLeftValue = e.pageX;
+            }
+            else {
+                this.leftValue = this.taskBarEditRecord.ganttProperties.left;
             }
             this.setItemPosition();
             this.updateEditedItem();
@@ -1581,7 +1591,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
                         }
                     }
                 }
-                taskBarMainContainer.style.setProperty(position, (item.left) + 'px');
+                taskBarMainContainer.style.setProperty(position, (this.parent.allowTaskbarDragAndDrop ? this.leftValue : (item.left)) + 'px');
                 taskBarMainContainer.style.width = (width) + 'px';
                 if (segmentedTaskBarContainer && segmentConnectorPointRight) {
                     segmentConnectorPointRight.style.left = (this.parent.isAdaptive ? (width + 10) : (width + 2)) + 'px';
@@ -1601,7 +1611,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
                         segmentElement.style.width = (segment_4.width) + 'px';
                         if (i === 0) {
                             resizeLine.style.width = (segment_4.width) + "px";
-                            resizeLine.style.left = (segment_4.left + item.left) + "px";
+                            resizeLine.style.setProperty(position, (segment_4.left + item.left) + 'px');
                         }
                         if (this.parent.enableRtl) {
                             segmentElement.style.right = (segment_4.left) + 'px';
@@ -1613,7 +1623,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 }
                 if (this.taskBarEditAction === 'ChildDrag' && this.segmentIndex === 0) {
                     resizeLine.style.width = (width) + "px";
-                    resizeLine.style.left = (item.left) + "px";
+                    resizeLine.style.setProperty(position, item.left + 'px');
                     taskBarMainContainer.style.setProperty("opacity", '.75');
                 }
             }
@@ -1627,7 +1637,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
             }
             if (this.taskBarEditAction === 'MilestoneDrag' || item.isMilestone) {
                 taskBarMainContainer.style.setProperty(position, (item.left - (width / 2)) + 'px');
-                resizeLine.style.left = (item.left - (width / 2)) + 'px';
+                resizeLine.style.setProperty(position, (item.left - (width / 2)) + 'px');
                 resizeLine.style.width = (width) + "px";
             }
             else if (this.taskBarEditAction === 'ProgressResizing') {
@@ -1662,7 +1672,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 }
             }
             else if (this.taskBarEditAction === 'ParentDrag') {
-                resizeLine.style.left = (item.left) + 'px';
+                resizeLine.style.setProperty(position, item.left + 'px');
                 resizeLine.style.width = (width) + "px";
                 resizeLine.style.width = (item.width) + 'px';
                 if (!isNullOrUndefined(traceParentTaskBar)) {
@@ -1675,13 +1685,13 @@ var TaskbarEdit = /** @class */ (function (_super) {
             }
             else if (this.taskBarEditAction === 'ParentResizing') {
                 resizeLine.style.width = (item.width) + 'px';
-                resizeLine.style.left = item.left + 'px';
+                resizeLine.style.setProperty(position, item.left + 'px');
                 manualParentTaskbar.style.width = manualTaskbar.style.width = (item.width) + 'px';
                 manualParentRight.style.setProperty(position, item.width - manualParentLeft.offsetLeft + 'px');
             }
             else if (this.taskBarEditAction === 'ManualParentDrag') {
                 resizeLine.style.width = (item.width) + 'px';
-                resizeLine.style.left = item.left + 'px';
+                resizeLine.style.setProperty(position, item.left + 'px');
                 manualParentTaskbar.style.setProperty(position, item.left - item.autoLeft + 'px');
             }
             else {
@@ -1689,8 +1699,8 @@ var TaskbarEdit = /** @class */ (function (_super) {
                     traceChildTaskBar.style.width = (item.width) + 'px';
                     traceChildTaskBar.style.left = (item.left) + 'px';
                     this.taskBarEditElement.style.width = (item.width) + 'px';
-                    this.taskBarEditElement.style.left = (item.left) + "px";
-                    resizeLine.style.left = (item.left) + 'px';
+                    this.taskBarEditElement.style.left = ((this.parent.allowTaskbarDragAndDrop ? this.leftValue : (item.left))) + "px";
+                    resizeLine.style.setProperty(position, item.left + 'px');
                     resizeLine.style.width = (item.width) + "px";
                 }
                 if (!isNullOrUndefined(traceChildProgressBar)) {
@@ -1724,6 +1734,13 @@ var TaskbarEdit = /** @class */ (function (_super) {
         if (this.taskBarEditAction && this.isMouseDragged) {
             if ((!this.dragMouseLeave && this.taskBarEditedAction) || (this.parent.viewType === 'ResourceView' &&
                 this.parent.allowTaskbarDragAndDrop)) {
+                if (e.type === 'touchmove' || e.type === 'touchstart' || e.type === 'touchend') {
+                    var coordinates = this.getCoordinate(e);
+                    this['droppedTarget'] = document.elementFromPoint(coordinates.pageX, coordinates.pageY);
+                }
+                else {
+                    this['droppedTarget'] = document.elementFromPoint(e.x, e.y);
+                }
                 this.taskBarEditedAction(e);
                 this.isMouseDragged = false;
             }
@@ -1834,7 +1851,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
         var args = extend({}, arg);
         var ganttRecord = args.data;
         var taskData = ganttRecord.ganttProperties;
-        var draggedRecIndex = this.parent.currentViewData.indexOf(ganttRecord);
+        var draggedRecIndex = this.parent.flatData.indexOf(ganttRecord);
         if ((args.taskBarEditAction === 'MilestoneDrag' || args.taskBarEditAction === 'ChildDrag') && this.parent.viewType === "ResourceView"
             && this.parent.allowTaskbarDragAndDrop && this.dragMoveY > 0) {
             if (this.parent.rowDragAndDropModule) {
@@ -1842,45 +1859,13 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 if (flatRecordCol[this.taskBarEditRecord.parentItem.index] && ((this.parent.editedRecords.indexOf(flatRecordCol[this.taskBarEditRecord.parentItem.index]) === -1))) {
                     this.parent.editedRecords.push(flatRecordCol[this.taskBarEditRecord.parentItem.index]);
                 }
-                var ganttrec = void 0;
-                var resHeight = 0;
-                var rowCount = 0;
-                var childIndex_1;
-                var droppedRecord = void 0;
-                var treeGridrows = this.parent.treeGrid.getRows().length;
-                for (var i = 0; i < treeGridrows; i++) {
-                    if (resHeight < this.dragMoveY && this.parent.getRowByIndex(i).style.display !== 'none') {
-                        rowCount = i;
-                        resHeight = resHeight + parseInt(this.parent.getRowByIndex(i).style.height);
-                        if (!flatRecordCol[i].parentItem) {
-                            ganttrec = flatRecordCol[i];
-                        }
-                        else {
-                            ganttrec = this.parent.getRecordByID(flatRecordCol[i].parentItem.taskId);
-                        }
-                    }
-                }
-                var draggedRecordtaskbar = this.parent.getRowByIndex(draggedRecIndex).getElementsByClassName('e-taskbar-main-container');
-                var taskbarContainer = this.parent.getRowByIndex(rowCount).getElementsByClassName('e-taskbar-main-container');
-                for (var j = 0; j < taskbarContainer.length; j++) {
-                    if (taskbarContainer[j]['offsetTop'] < this.dragMoveY && draggedRecordtaskbar[0].getAttribute('rowuniqueid') !==
-                        taskbarContainer[j].getAttribute('rowuniqueid')) {
-                        this.draggedRecordMarginTop = taskbarContainer[j]['style'].marginTop;
-                        childIndex_1 = taskbarContainer[j].getAttribute('rowuniqueid');
-                    }
-                }
-                if (childIndex_1) {
-                    droppedRecord = this.parent.currentViewData.filter(function (data) {
-                        if (data['rowUniqueID'] === childIndex_1) {
-                            return data;
-                        }
-                        else {
-                            return null;
-                        }
-                    });
-                }
-                if (droppedRecord) {
-                    var droppedRecordIndex = this.parent.currentViewData.indexOf(droppedRecord[0]);
+                var droppedRecord = [];
+                this.draggedRecordMarginTop = this.taskBarEditElement.style.marginTop;
+                var row = closest(this.droppedTarget, 'tr.' + cls.chartRow);
+                var recordIndex = parseInt(row.getAttribute('aria-rowindex'));
+                droppedRecord.push(this.parent.flatData[recordIndex]);
+                if (droppedRecord.length > 0) {
+                    var droppedRecordIndex = this.parent.flatData.indexOf(droppedRecord[0]);
                     var position = (droppedRecord[0].hasChildRecords || (!droppedRecord[0].parentItem &&
                         droppedRecord[0].childRecords.length == 0)) ? 'child' : 'below';
                     if (this.parent.rowDragAndDropModule) {

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

@@ -343,8 +343,14 @@ 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();
+        var isTaskbarEdited = false;
+        if (this.parent.editSettings.allowTaskbarEditing && this.parent.element.querySelector('.e-left-resize-gripper')) {
+            isTaskbarEdited = true;
+        }
+        if (!isTaskbarEdited) {
+            if (this.parent.editSettings.allowEditing && this.parent.treeGrid.element.getElementsByClassName('e-editedbatchcell').length > 0) {
+                this.parent.treeGrid.endEdit();
+            }
         }
     };
     GanttChart.prototype.ganttChartMouseClick = function (e) {
@@ -354,6 +360,22 @@ var GanttChart = /** @class */ (function () {
         this.parent.notify('chartMouseClick', e);
     };
     GanttChart.prototype.ganttChartMouseUp = function (e) {
+        if (e.type === "touchend") {
+            var resizeCheck = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-taskbar-resize-div');
+            if (!isNullOrUndefined(resizeCheck)) {
+                resizeCheck.remove();
+            }
+            var Check = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-clone-taskbar') || this.parent.chartPane.querySelector('.e-clone-taskbar');
+            if (!isNullOrUndefined(Check)) {
+                var clonetbody = Check.parentElement;
+                var cloneTable = clonetbody.parentElement;
+                cloneTable.remove();
+            }
+            var falseline = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-gantt-false-line');
+            if (!isNullOrUndefined(falseline)) {
+                this.parent.editModule.taskbarEditModule.removeFalseLine(true);
+            }
+        }
         if (this.parent.editSettings.allowTaskbarEditing) {
             this.parent.notify('chartMouseUp', e);
         }
@@ -377,22 +399,6 @@ var GanttChart = /** @class */ (function () {
                 }
             }
         }
-        if (e.type === "touchend") {
-            var resizeCheck = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-taskbar-resize-div');
-            if (!isNullOrUndefined(resizeCheck)) {
-                resizeCheck.remove();
-            }
-            var Check = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-clone-taskbar');
-            if (!isNullOrUndefined(Check)) {
-                var clonetbody = Check.parentElement;
-                var cloneTable = clonetbody.parentElement;
-                cloneTable.remove();
-            }
-            var falseline = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-gantt-false-line');
-            if (!isNullOrUndefined(falseline)) {
-                this.parent.editModule.taskbarEditModule.removeFalseLine(true);
-            }
-        }
     };
     /**
      *
@@ -446,6 +452,9 @@ var GanttChart = /** @class */ (function () {
         if (!isNullOrUndefined(resizeCheck)) {
             resizeCheck.remove();
         }
+        if (this.parent.allowTaskbarDragAndDrop && this.parent.editModule && this.parent.editModule.taskbarEditModule) {
+            this.parent.editModule.taskbarEditModule['previousLeftValue'] = 0;
+        }
         if (this.parent.allowRowDragAndDrop) {
             var ganttDragElemet = this.parent.element.querySelector('.e-ganttdrag');
             if (ganttDragElemet) {
@@ -592,6 +601,14 @@ var GanttChart = /** @class */ (function () {
         if (this.parent.allowFiltering && this.parent.filterModule) {
             this.parent.filterModule.closeFilterOnContextClick(e.srcElement);
         }
+        if (this.parent.allowTaskbarDragAndDrop) {
+            var Check = this.parent.chartPane.querySelector('.e-clone-taskbar');
+            if (!isNullOrUndefined(Check)) {
+                var clonetbody = Check.parentElement;
+                var cloneTable = clonetbody.parentElement;
+                cloneTable.remove();
+            }
+        }
     };
     /**
      * Method to trigger while perform mouse move on Gantt.

package/src/gantt/export/export-helper.js

@@ -6,7 +6,7 @@ import { PdfFontStyle, PdfColor, PdfPen, PdfSolidBrush } from '@syncfusion/ej2-p
 import { PdfBorders, PdfPaddings } from './pdf-base/index';
 import { isNullOrUndefined, Internationalization, getValue, extend } from '@syncfusion/ej2-base';
 import { getForeignData, ValueFormatter } from '@syncfusion/ej2-grids';
-import { pixelToPoint, isScheduledTask } from '../base/utils';
+import { pixelToPoint, isScheduledTask, pointToPixel } from '../base/utils';
 /**
  * @hidden
  * `ExportHelper` for `PdfExport` & `ExcelExport`
@@ -241,10 +241,10 @@ var ExportHelper = /** @class */ (function () {
             this.parent.predecessorModule.createConnectorLinesCollection();
             this.parent.updatedConnectorLineCollection.forEach(function (data) {
                 var predecessor = _this.gantt.predecessor.add();
-                predecessor.parentLeft = data.parentLeft;
-                predecessor.childLeft = data.childLeft;
-                predecessor.parentWidth = data.parentWidth;
-                predecessor.childWidth = data.childWidth;
+                predecessor.parentLeft = pointToPixel(data.parentLeft);
+                predecessor.childLeft = pointToPixel(data.childLeft);
+                predecessor.parentWidth = pointToPixel(data.parentWidth);
+                predecessor.childWidth = pointToPixel(data.childWidth);
                 predecessor.parentIndex = data.parentIndex;
                 predecessor.childIndex = data.childIndex;
                 predecessor.rowHeight = data.rowHeight;
@@ -329,8 +329,8 @@ var ExportHelper = /** @class */ (function () {
         flatData.forEach(function (data) {
             var taskbar = _this.gantt.taskbar.add();
             var ganttProp = data.ganttProperties;
-            taskbar.left = ganttProp.left;
-            taskbar.width = ganttProp.width;
+            taskbar.left = pointToPixel(ganttProp.left);
+            taskbar.width = pointToPixel(ganttProp.width);
             if (taskbar.left < 0) {
                 taskbar.width = taskbar.width + taskbar.left;
                 taskbar.left = 0;
@@ -371,8 +371,8 @@ var ExportHelper = /** @class */ (function () {
             taskbar.isMilestone = ganttProp.isMilestone;
             taskbar.baselineStartDate = ganttProp.baselineStartDate;
             taskbar.baselineEndDate = ganttProp.baselineEndDate;
-            taskbar.baselineLeft = ganttProp.baselineLeft;
-            taskbar.baselineWidth = ganttProp.baselineWidth;
+            taskbar.baselineLeft = pointToPixel(ganttProp.baselineLeft);
+            taskbar.baselineWidth = pointToPixel(ganttProp.baselineWidth);
             taskbar.milestoneColor = new PdfColor(_this.ganttStyle.taskbar.milestoneColor);
             taskbar.isParentTask = data.hasChildRecords;
             if (ganttProp.isMilestone) {
@@ -388,9 +388,9 @@ var ExportHelper = /** @class */ (function () {
                 taskbar.taskLabel = data[_this.parent.labelSettings.taskLabel].toString();
             }
             var reduceLeft = ganttProp.isMilestone ? Math.floor(_this.parent.chartRowsModule.taskBarHeight / 2) + 33 : 33; // 33 indicates default timeline cell width
-            taskbar.rightTaskLabel.left = ganttProp.left + ganttProp.width + reduceLeft; // right label left value
+            taskbar.rightTaskLabel.left = pointToPixel(ganttProp.left) + pointToPixel(ganttProp.width) + reduceLeft; // right label left value
             taskbar.fontFamily = _this.ganttStyle.fontFamily;
-            taskbar.progressWidth = ganttProp.progressWidth;
+            taskbar.progressWidth = pointToPixel(ganttProp.progressWidth);
             taskbar.labelColor = new PdfColor(_this.ganttStyle.label.fontColor);
             taskbar.progressFontColor = new PdfColor(_this.ganttStyle.taskbar.progressFontColor);
             if (taskbar.isParentTask) {

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

@@ -1851,7 +1851,12 @@ var ChartRows = /** @class */ (function (_super) {
         if (!tr) {
             tr = this.ganttChartTableBody.childNodes[rowIndex];
         }
-        tr['style'].height = this.parent.treeGrid.getRowByIndex(rowIndex)['style'].height = this.parent.rowHeight + 'px';
+        if (this.parent.ganttChartModule.isExpandAll || this.parent.ganttChartModule.isCollapseAll) {
+            tr['style'].height = this.parent.treeGrid.getRowByIndex(rowIndex)['style'].height = this.parent.rowHeight + 'px';
+        }
+        else {
+            tr['style'].height = this.parent.treeGrid.getRows()[rowIndex]['style'].height = this.parent.rowHeight + 'px';
+        }
         this.parent.contentHeight = treeGridContentHeight;
         var rowIDs = [];
         var rowCounts = 0;
@@ -1868,7 +1873,12 @@ var ChartRows = /** @class */ (function (_super) {
                                 rowCounts++;
                                 tr.children[0]['style'].verticalAlign = 'baseline';
                                 tr.getElementsByClassName('e-taskbar-main-container')[k]['style'].marginTop = (rowCounts * this.parent.rowHeight) + this.taskBarMarginTop + 'px';
-                                tr['style'].height = this.parent.treeGrid.getRowByIndex(rowIndex)['style'].height = parseInt(tr['style'].height) + this.parent.rowHeight + 'px';
+                                if (this.parent.ganttChartModule.isExpandAll || this.parent.ganttChartModule.isCollapseAll) {
+                                    tr['style'].height = this.parent.treeGrid.getRowByIndex(rowIndex)['style'].height = parseInt(tr['style'].height) + this.parent.rowHeight + 'px';
+                                }
+                                else {
+                                    tr['style'].height = this.parent.treeGrid.getRows()[rowIndex]['style'].height = parseInt(tr['style'].height) + this.parent.rowHeight + 'px';
+                                }
                             }
                         }
                         else {
@@ -1901,7 +1911,12 @@ var ChartRows = /** @class */ (function (_super) {
         if (index !== -1 && selectedItem) {
             var data = selectedItem;
             if (!this.parent.allowTaskbarOverlap && this.parent.viewType === 'ResourceView' && data.expanded) {
-                tr['style'].height = this.parent.treeGrid.getRowByIndex(index)['style'].height = this.parent.rowHeight + 'px';
+                if (this.parent.ganttChartModule.isExpandAll || this.parent.ganttChartModule.isCollapseAll) {
+                    tr['style'].height = this.parent.treeGrid.getRowByIndex(index)['style'].height = this.parent.rowHeight + 'px';
+                }
+                else {
+                    tr['style'].height = this.parent.treeGrid.getRows()[index]['style'].height = this.parent.rowHeight + 'px';
+                }
             }
             if (this.parent.viewType === 'ResourceView' && data.hasChildRecords && !data.expanded && this.parent.enableMultiTaskbar) {
                 tr.replaceChild(this.getResourceParent(data).childNodes[0], tr.childNodes[0]);
@@ -1962,8 +1977,14 @@ 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) {
+        if (!(isNullOrUndefined(ganttData)) && ganttData.ganttProperties.segments && ganttData.ganttProperties.segments.length > 0) {
+            var segmentedTasks = cloneElement.getElementsByClassName('e-segmented-taskbar');
+            for (var i = 0; i < segmentedTasks.length; i++) {
+                this.triggerQueryTaskbarInfoByIndex(segmentedTasks[i], ganttData);
+            }
+        }
+        else if (this.parent.queryTaskbarInfo) {
+            var mainTaskbar = (cloneElement.querySelector('.e-gantt-child-taskbar'));
             this.triggerQueryTaskbarInfoByIndex(mainTaskbar, ganttData);
         }
         var zIndex = "";