@syncfusion/ej2-gantt 23.2.7 → 24.1.43

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

@@ -24,6 +24,8 @@ var DialogEdit = /** @class */ (function () {
      * @returns {void} .
      */
     function DialogEdit(parent) {
+        this.taskFieldColumn = [];
+        this.customFieldColumn = [];
         /**
          * @private
          */
@@ -199,6 +201,7 @@ var DialogEdit = /** @class */ (function () {
     DialogEdit.prototype.openAddDialog = function () {
         this.isEdit = false;
         this.editedRecord = this.composeAddRecord();
+        this.isFromAddDialog = true;
         this.createDialog();
     };
     /**
@@ -357,6 +360,7 @@ var DialogEdit = /** @class */ (function () {
         }
         if (Object.keys(this.rowData).length !== 0) {
             this.editedRecord = extend({}, {}, this.rowData, true);
+            this.isFromEditDialog = true;
             this.createDialog();
         }
     };
@@ -429,8 +433,114 @@ var DialogEdit = /** @class */ (function () {
             }
         }
         else {
+            if (this.singleTab && this.CustomformObj) {
+                if (!this.CustomformObj.validate()) {
+                    target.style.pointerEvents = '';
+                    return;
+                }
+            }
+            else {
+                if (this.CustomformObj) {
+                    if (this.isAddingDialog) {
+                        if (this.parent.addDialogFields.length > 1 && this.parent.addDialogFields[0].type == "Custom" && !this.formObj) {
+                            if (!this.CustomformObj.validate()) {
+                                target.style.pointerEvents = '';
+                                return;
+                            }
+                        }
+                    }
+                    else if (this.isEditingDialog) {
+                        if (this.parent.editDialogFields.length > 1 && this.parent.editDialogFields[0].type == "Custom" && !this.formObj) {
+                            if (!this.CustomformObj.validate()) {
+                                target.style.pointerEvents = '';
+                                return;
+                            }
+                        }
+                    }
+                    if (!this.formObj.validate() && !this.CustomformObj.validate()) {
+                        target.style.pointerEvents = '';
+                        return;
+                    }
+                }
+                if (this.formObj) {
+                    var formValid = this.formObj.validate();
+                    if (this.storeDependencyTab) {
+                        var dependencyTab = this.storeDependencyTab.querySelector('.e-gridform');
+                        if (dependencyTab) {
+                            var dependencyTabValid = dependencyTab['ej2_instances'][0].validate();
+                            if (!formValid || !dependencyTabValid) {
+                                target.style.pointerEvents = '';
+                                return;
+                            }
+                        }
+                    }
+                    if (this.storeResourceTab) {
+                        var resourceTab = this.storeResourceTab.querySelector('.e-gridform');
+                        if (resourceTab) {
+                            var resourceTabValid = resourceTab['ej2_instances'][0].validate();
+                            if (!formValid || !resourceTabValid) {
+                                target.style.pointerEvents = '';
+                                return;
+                            }
+                        }
+                    }
+                    if (!formValid) {
+                        target.style.pointerEvents = '';
+                        return;
+                    }
+                }
+                else if (this.storeDependencyTab || this.firstOccuringTab == "Dependency") {
+                    if (this.firstOccuringTab == "Dependency") {
+                        var element = e.target.closest('#' + this.parent.element.id + '_dialog');
+                        var dependencyTab = element.querySelector('.e-gridform');
+                        if (dependencyTab) {
+                            var dependencyTabValid = dependencyTab['ej2_instances'][0].validate();
+                            if (!dependencyTabValid) {
+                                target.style.pointerEvents = '';
+                                return;
+                            }
+                        }
+                    }
+                    else {
+                        var dependencyTab = this.storeDependencyTab.querySelector('.e-gridform');
+                        if (dependencyTab) {
+                            var dependencyTabValid = dependencyTab['ej2_instances'][0].validate();
+                            if (!dependencyTabValid) {
+                                target.style.pointerEvents = '';
+                                return;
+                            }
+                        }
+                    }
+                }
+                else if (this.storeResourceTab || this.firstOccuringTab == "Resources") {
+                    if (this.firstOccuringTab == "Resources") {
+                        var element = e.target.closest('#' + this.parent.element.id + '_dialog');
+                        var resourceTab = element.querySelector('.e-gridform');
+                        if (resourceTab) {
+                            var resourceTabValid = resourceTab['ej2_instances'][0].validate();
+                            if (!resourceTabValid) {
+                                target.style.pointerEvents = '';
+                                return;
+                            }
+                        }
+                    }
+                    else {
+                        var resourceTab = this.storeResourceTab.querySelector('.e-gridform');
+                        if (resourceTab) {
+                            var resourceTabValid = resourceTab['ej2_instances'][0].validate();
+                            if (!resourceTabValid) {
+                                target.style.pointerEvents = '';
+                                return;
+                            }
+                        }
+                    }
+                }
+            }
             this.initiateDialogSave();
             target.style.pointerEvents = 'auto';
+            this.singleTab = false;
+            this.isAddingDialog = false;
+            this.isEditingDialog = false;
         }
     };
     /**
@@ -644,8 +754,8 @@ var DialogEdit = /** @class */ (function () {
             else {
                 _this.parent.showSpinner();
             }
-            _this.renderTabItems();
             if (!arg.cancel) {
+                _this.renderTabItems();
                 tabModel.selected = _this.tabSelectedEvent.bind(_this);
                 tabModel.height = _this.parent.isAdaptive ? '100%' : 'auto';
                 tabModel.overflowMode = 'Scrollable';
@@ -665,6 +775,11 @@ var DialogEdit = /** @class */ (function () {
                     element: _this.dialog,
                     cancel: false
                 };
+                var columns = _this.parent.treeGrid.grid.getColumns();
+                var isValidateColumn = columns.some(function (obj) { return obj.validationRules; });
+                if (isValidateColumn) {
+                    _this.changeFormObj(actionCompleteArgs.element, false);
+                }
                 _this.parent.trigger('actionComplete', actionCompleteArgs, function (actionCompleteArg) {
                     if (!isNullOrUndefined(_this.parent.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
                         _this.parent.hideMaskRow();
@@ -677,11 +792,287 @@ var DialogEdit = /** @class */ (function () {
                     }
                 });
             }
+            else {
+                arg.cancel = false;
+                if (!isNullOrUndefined(_this.parent.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
+                    _this.parent.hideMaskRow();
+                }
+                else {
+                    _this.parent.hideSpinner();
+                }
+            }
+        });
+    };
+    DialogEdit.prototype.changeFormObj = function (actionCompleteArgs, isCustomTab) {
+        if (!this.storeColumn) {
+            this.storeColumn = this.parent.treeGrid.grid.getColumns();
+        }
+        if (!this.taskfields) {
+            this.taskfields = this.parent.taskFields['properties'];
+        }
+        if (!this.storeValidTab) {
+            this.storeValidTab = this.getFilteredDialogFields();
+        }
+        var typeOrder = ['General', 'Resources', 'Dependency', 'Custom'];
+        // Custom comparator function to sort by type order
+        function customComparator(a, b) {
+            var typeA = a.type || ''; // Default to empty string if type is missing
+            var typeB = b.type || '';
+            var indexA = typeOrder.indexOf(typeA);
+            var indexB = typeOrder.indexOf(typeB);
+            return indexA - indexB;
+        }
+        // Sort the array based on the custom comparator
+        if (this.storeValidTab) {
+            this.storeValidTab.sort(customComparator);
+        }
+        if (this.customFieldColumn.length === 0 || this.taskFieldColumn.length === 0) {
+            this.validateColumn(this.storeColumn, this.taskfields, this.storeValidTab);
+        }
+        if ((this.isFromAddDialog || this.isFromEditDialog) && this.isSingleCustomTab()) {
+            isCustomTab = true;
+            this.singleTab = true;
+        }
+        if (this.isFromAddDialog) {
+            if (this.parent.addDialogFields.length > 1) {
+                if (this.parent.addDialogFields[0].type === 'Resources'
+                    || this.parent.addDialogFields[0].type === 'Dependency') {
+                    this.firstOccuringTab = this.parent.addDialogFields[0].type;
+                }
+            }
+            if (this.parent.addDialogFields.length == 1) {
+                this.firstOccuringTab = this.parent.addDialogFields[0].type;
+            }
+        }
+        else if (this.isFromEditDialog) {
+            if (this.parent.editDialogFields.length > 1) {
+                if (this.parent.editDialogFields[0].type === 'Resources'
+                    || this.parent.editDialogFields[0].type === 'Dependency') {
+                    this.firstOccuringTab = this.parent.editDialogFields[0].type;
+                }
+            }
+            if (this.parent.editDialogFields.length == 1) {
+                this.firstOccuringTab = this.parent.editDialogFields[0].type;
+            }
+        }
+        if (this.isFromEditDialog) {
+            if (this.parent.editDialogFields.length > 1) {
+                if (this.parent.editDialogFields[0].type == 'Custom') {
+                    isCustomTab = true;
+                }
+            }
+        }
+        if (this.isFromAddDialog) {
+            if (this.parent.addDialogFields.length > 1) {
+                if (this.parent.addDialogFields[0].type == 'Custom') {
+                    isCustomTab = true;
+                }
+            }
+        }
+        if (isCustomTab) {
+            this.CustomformObj = actionCompleteArgs.querySelector('.e-edit-form-row');
+            if (this.CustomformObj === null) {
+                return;
+            }
+            var validationRulesArray = {};
+            for (var i = 0; i < this.customFieldColumn.length; i++) {
+                var column = this.customFieldColumn[parseInt(i.toString(), 10)];
+                if (!column.visible) {
+                    continue;
+                }
+                if (column.validationRules) {
+                    validationRulesArray[column.field] = column.validationRules;
+                }
+            }
+            if (Object.keys(validationRulesArray).length > 0) {
+                this.CustomformObj = this.createFormObj(this.CustomformObj, validationRulesArray);
+            }
+        }
+        else {
+            this.formObj = actionCompleteArgs.querySelector('.e-edit-form-row');
+            if (this.formObj === null) {
+                return;
+            }
+            var validationRulesArray = {};
+            for (var i = 0; i < this.taskFieldColumn.length; i++) {
+                var column = this.taskFieldColumn[parseInt(i.toString(), 10)];
+                if (!column.visible) {
+                    continue;
+                }
+                if (column.validationRules) {
+                    validationRulesArray[column.field] = column.validationRules;
+                }
+            }
+            if (Object.keys(validationRulesArray).length > 0) {
+                this.formObj = this.createFormObj(this.formObj, validationRulesArray);
+            }
+        }
+        if (this.isFromAddDialog == true || this.isFromEditDialog) {
+            this.isAddingDialog = this.isFromAddDialog;
+            this.isEditingDialog = this.isFromEditDialog;
+        }
+        this.isFromAddDialog = false;
+        this.isFromEditDialog = false;
+        isCustomTab = false;
+    };
+    DialogEdit.prototype.getFilteredDialogFields = function () {
+        var dialogFields = this.isFromAddDialog
+            ? this.parent.addDialogFields
+            : this.parent.editDialogFields;
+        if (dialogFields.length !== 0) {
+            return dialogFields.filter(function (obj) { return obj.type === "General" || obj.type === "Custom"; });
+        }
+        return null;
+    };
+    DialogEdit.prototype.isSingleCustomTab = function () {
+        var dialogFields = this.isFromAddDialog
+            ? this.parent.addDialogFields
+            : this.parent.editDialogFields;
+        return this.isFromAddDialog || this.isFromEditDialog
+            ? dialogFields.length === 1 && dialogFields[0].type === 'Custom'
+            : false;
+    };
+    DialogEdit.prototype.validateColumn = function (storeColumn, taskfields, storeValidTab) {
+        var _this = this;
+        storeColumn.forEach(function (column) {
+            var field = column.field;
+            var isValueMatching = false;
+            var taskfieldValues = [];
+            if (_this.parent.customColumns.indexOf(field) === -1) {
+                isValueMatching = true;
+            }
+            if (isValueMatching) {
+                if ((_this.isFromAddDialog || _this.isFromEditDialog) && storeValidTab) {
+                    if (storeValidTab.some(function (obj) { return obj.fields.includes(column.field); })) {
+                        _this.taskFieldColumn.push(column);
+                    }
+                }
+                else {
+                    _this.taskFieldColumn.push(column);
+                }
+            }
+            else {
+                if ((_this.isFromAddDialog || _this.isFromEditDialog) && storeValidTab) {
+                    if (storeValidTab.some(function (obj) { return obj.fields.includes(column.field); })) {
+                        _this.customFieldColumn.push(column);
+                    }
+                }
+                else {
+                    _this.customFieldColumn.push(column);
+                }
+            }
         });
     };
+    DialogEdit.prototype.createFormObj = function (form, rules) {
+        var _this = this;
+        return new FormValidator(form, {
+            rules: rules,
+            locale: this.parent.locale,
+            validationComplete: function (args) {
+                _this.validationComplete(args);
+            },
+            customPlacement: function (inputElement, error) {
+                var nameAttribute = inputElement.getAttribute('name');
+                if (nameAttribute) {
+                    var columnName = nameAttribute;
+                    _this.valErrorPlacement(inputElement, error, columnName);
+                }
+            }
+        });
+    };
+    DialogEdit.prototype.valErrorPlacement = function (inputElement, error, columnName) {
+        var id = columnName + "-tooltip";
+        var elem = this.getElemTable(inputElement);
+        if (!elem) {
+            this.createTooltip(inputElement, error, id);
+        }
+        else {
+            var tooltipContent = elem.querySelector('.e-tip-content');
+            if (tooltipContent) {
+                tooltipContent.innerHTML = error.outerHTML;
+            }
+        }
+    };
+    DialogEdit.prototype.createTooltip = function (inputElement, errorMessage, id, display) {
+        if (display === void 0) { display = 'block'; }
+        var existingTooltip = document.getElementById(id);
+        if (existingTooltip) {
+            existingTooltip.remove();
+        }
+        var parentElement = inputElement.parentElement;
+        if (parentElement) {
+            parentElement.style.position = 'relative';
+        }
+        var tooltipContainer = document.createElement('div');
+        tooltipContainer.className = 'e-tooltip-wrap e-lib e-control e-popup e-griderror';
+        tooltipContainer.style.display = display;
+        tooltipContainer.style.zIndex = '1000';
+        var labelId = id + "-label";
+        var tooltipLabel = document.createElement('div');
+        tooltipLabel.id = labelId;
+        tooltipLabel.className = 'sr-only';
+        var tooltipContent = document.createElement('div');
+        tooltipContent.className = 'e-tip-content';
+        var errorMessageElement = document.createElement('div');
+        errorMessageElement.className = 'error-message';
+        errorMessageElement.appendChild(errorMessage.cloneNode(true));
+        var arrow = document.createElement('div');
+        arrow.className = 'e-arrow-tip e-tip-top';
+        arrow.appendChild(document.createElement('div')).className = 'e-arrow-tip-outer e-tip-top';
+        arrow.appendChild(document.createElement('div')).className = 'e-arrow-tip-inner e-tip-top';
+        tooltipContainer.setAttribute('aria-labelledby', labelId);
+        tooltipContent.appendChild(errorMessageElement);
+        tooltipContainer.appendChild(tooltipContent);
+        tooltipContainer.appendChild(arrow);
+        tooltipContainer.style.top = '125%';
+        tooltipContainer.style.left = '50%';
+        tooltipContainer.style.transform = 'translateX(-50%)';
+        if (parentElement) {
+            parentElement.appendChild(tooltipLabel);
+            parentElement.appendChild(tooltipContainer);
+        }
+    };
+    DialogEdit.prototype.getElemTable = function (inputElement) {
+        var parentElement = inputElement.parentElement;
+        if (parentElement) {
+            return parentElement.querySelector(".e-tooltip-wrap");
+        }
+        return null;
+    };
+    DialogEdit.prototype.validationComplete = function (args) {
+        var elem = this.getElemTable(args.element);
+        if (elem) {
+            if (args.status === 'failure') {
+                elem.style.display = '';
+            }
+            else {
+                elem.style.display = 'none';
+            }
+        }
+    };
     DialogEdit.prototype.tabSelectedEvent = function (args) {
         var ganttObj = this.parent;
         var id = args.selectedContent.childNodes[0].id;
+        if (id == ganttObj.element.id + 'DependencyTabContainer') {
+            this.storeDependencyTab = args.selectedContent;
+        }
+        if (id == ganttObj.element.id + 'ResourcesTabContainer') {
+            this.storeResourceTab = args.selectedContent;
+        }
+        if (id == ganttObj.element.id + 'Custom0TabContainer') {
+            var columns = this.parent.treeGrid.grid.getColumns();
+            var isValidateColumn = columns.some(function (obj) { return obj.validationRules; });
+            if (isValidateColumn) {
+                this.changeFormObj(args.selectedContent, true);
+            }
+        }
+        if (id == ganttObj.element.id + 'GeneralTabContainer') {
+            var columns = this.parent.treeGrid.grid.getColumns();
+            var isValidateColumn = columns.some(function (obj) { return obj.validationRules; });
+            if (isValidateColumn) {
+                this.changeFormObj(args.selectedContent, false);
+            }
+        }
         if (this.parent.isAdaptive) {
             this.responsiveTabContent(id, ganttObj);
         }
@@ -985,7 +1376,7 @@ var DialogEdit = /** @class */ (function () {
     DialogEdit.prototype.validateDuration = function (ganttData) {
         var ganttProp = ganttData.ganttProperties;
         if (!this.dialogEditValidationFlag) {
-            if (isNullOrUndefined(ganttProp.duration)) {
+            if (isNullOrUndefined(ganttProp.duration) && !isScheduledTask(ganttProp) && !isNullOrUndefined(ganttProp.startDate)) {
                 this.parent.setRecordValue('endDate', null, ganttProp, true);
                 this.parent.setRecordValue('isMilestone', false, ganttProp, true);
             }

package/src/gantt/actions/edit.js

@@ -913,9 +913,12 @@ var Edit = /** @class */ (function () {
                 this.parent.dataOperation.updateParentItems(ganttRecord, true);
             }
             var parentData = this.parent.getRecordByID(ganttRecord.parentItem.taskId);
-            if (!parentData.ganttProperties.predecessorsName) {
-                this.parent.predecessorModule.validatePredecessor(parentData, [], '');
-                this.updateParentItemOnEditing();
+            if (!isNullOrUndefined(parentData)) {
+                if (!parentData.ganttProperties.predecessorsName) {
+                    this.parent.predecessorModule.validatePredecessor(parentData, [], '');
+                    this.updateParentItemOnEditing();
+                    this.parent.ganttChartModule.reRenderConnectorLines();
+                }
             }
         }
         if (this.parent.UpdateOffsetOnTaskbarEdit && this.parent.connectorLineEditModule && args.data) {
@@ -1241,12 +1244,18 @@ var Edit = /** @class */ (function () {
         var ganttObj = this.parent;
         var currentBaselineStart = __assign({}, eventArgs.data.ganttProperties.baselineStartDate);
         var currentBaselineEnd = __assign({}, eventArgs.data.ganttProperties.baselineEndDate);
+        var currentProgress = eventArgs.data.ganttProperties.progress;
         this.parent.trigger('actionBegin', eventArgs, function (eventArg) {
             if (currentBaselineStart != eventArg.data["ganttProperties"].baselineStartDate
                 || currentBaselineEnd != eventArg.data["ganttProperties"].baselineEndDate) {
                 ganttObj.setRecordValue('baselineLeft', ganttObj.dataOperation.calculateBaselineLeft(eventArg.data['ganttProperties']), eventArg.data['ganttProperties'], true);
                 ganttObj.setRecordValue('baselineWidth', ganttObj.dataOperation.calculateBaselineWidth(eventArg.data['ganttProperties']), eventArg.data['ganttProperties'], true);
             }
+            if (!isNullOrUndefined(_this.parent.taskFields.progress) && currentProgress != eventArg.data["ganttProperties"].progress) {
+                var width = eventArg.data['ganttProperties'].isAutoSchedule ? eventArg.data['ganttProperties'].width :
+                    eventArg.data['ganttProperties'].autoWidth;
+                _this.parent.setRecordValue('progressWidth', _this.parent.dataOperation.getProgressWidth(width, eventArg.data['ganttProperties'].progress), eventArg.data['ganttProperties'], true);
+            }
             if (!isNullOrUndefined(_this.parent.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
                 _this.parent.showMaskRow();
             }
@@ -1422,9 +1431,10 @@ var Edit = /** @class */ (function () {
                 }
             }
             if (this.parent.isConnectorLineUpdate && !isNullOrUndefined(this.parent.connectorLineEditModule)) {
-                // this.parent.updatedConnectorLineCollection = [];
-                // this.parent.connectorLineIds = [];
+                this.parent.updatedConnectorLineCollection = [];
+                this.parent.connectorLineIds = [];
                 this.parent.connectorLineEditModule.refreshEditedRecordConnectorLine(this.parent.editedRecords);
+                this.parent.ganttChartModule.reRenderConnectorLines();
                 this.updateScheduleDatesOnEditing(args);
             }
         }
@@ -1447,6 +1457,9 @@ var Edit = /** @class */ (function () {
             }
             this.endEditAction(args);
             this.parent.trigger('actionComplete', eventArgs);
+            if (this.parent.allowTaskbarDragAndDrop && this.parent.rowDragAndDropModule && this.parent.rowDragAndDropModule['draggedRecord']) {
+                this.parent.rowDragAndDropModule['draggedRecord'] = null;
+            }
             if (!isNullOrUndefined(this.parent.loadingIndicator) && this.parent.loadingIndicator.indicatorType === "Shimmer") {
                 this.parent.hideMaskRow();
             }
@@ -2559,8 +2572,8 @@ var Edit = /** @class */ (function () {
         var predecessorCollection = parentRecordTaskData.predecessor;
         var childRecord;
         var predecessorIndex;
-        var validPredecessor;
         var updatedPredecessor = [];
+        var validPredecessor;
         for (var count = 0; count < len; count++) {
             var fromRecord = this.parent.getRecordByID(predecessorCollection[count].from);
             var toRecord = this.parent.getRecordByID(predecessorCollection[count].to);
@@ -2906,11 +2919,30 @@ var Edit = /** @class */ (function () {
             }
             if (getValue(this.parent.taskFields.id, dataCollection[i]).toString() ===
                 this.addRowSelectedItem.ganttProperties.rowUniqueID.toString()) {
+                var index = void 0;
+                if (this.parent.rowDragAndDropModule && this.parent.rowDragAndDropModule['droppedRecord'] && this.parent.viewType === 'ResourceView') {
+                    for (var i_1 = 0; i_1 < dataCollection.length; i_1++) {
+                        if (dataCollection[i_1][this.parent.taskFields.id] == this.parent.rowDragAndDropModule['droppedRecord'].ganttProperties.taskId) {
+                            index = i_1;
+                            break;
+                        }
+                    }
+                }
                 if (rowPosition === 'Above') {
-                    dataCollection.splice(i, 0, record);
+                    if (index) {
+                        dataCollection.splice(index, 0, record);
+                    }
+                    else {
+                        dataCollection.splice(i, 0, record);
+                    }
                 }
                 else if (rowPosition === 'Below') {
-                    dataCollection.splice(i + 1, 0, record);
+                    if (index) {
+                        dataCollection.splice(index + 1, 0, record);
+                    }
+                    else {
+                        dataCollection.splice(i + 1, 0, record);
+                    }
                 }
                 else if (rowPosition === 'Child') {
                     if (dataCollection[i][child] && dataCollection[i][child].length > 0) {
@@ -3112,6 +3144,9 @@ var Edit = /** @class */ (function () {
                         }
                         _this.updateTreeGridUniqueID(cAddedRecord_1, 'add');
                         _this.refreshNewlyAddedRecord(args, cAddedRecord_1);
+                        if (_this.parent.viewType === 'ResourceView' && _this.parent.taskFields.work) {
+                            _this.parent.dataOperation.updateParentItems(ganttData, true);
+                        }
                         _this._resetProperties();
                     }
                 }
@@ -3483,6 +3518,7 @@ var Edit = /** @class */ (function () {
         }
     };
     Edit.prototype.reArrangeRows = function (args, isByMethod) {
+        var _this = this;
         this.dropPosition = args.dropPosition;
         if (args.dropPosition !== 'Invalid' && this.parent.editModule) {
             var obj = this.parent;
@@ -3560,18 +3596,20 @@ var Edit = /** @class */ (function () {
                 this.refreshDataSource();
             }
             if (this.dropPosition === 'middleSegment') {
-                if (droppedRec.ganttProperties.predecessor) {
+                if (!isNullOrUndefined(droppedRec.ganttProperties.predecessor)) {
                     var len = droppedRec.ganttProperties.predecessor.length;
                     for (var count = 0; count < len; count++) {
-                        var fromRecord = this.parent.getRecordByID(droppedRec.ganttProperties.predecessor[count].from);
-                        var toRecord = this.parent.getRecordByID(droppedRec.ganttProperties.predecessor[count].to);
-                        var validPredecessor = this.parent.connectorLineEditModule.validateParentPredecessor(fromRecord, toRecord);
-                        if (droppedRec.ganttProperties.predecessor && !validPredecessor) {
-                            this.parent.editModule.removePredecessorOnDelete(droppedRec);
-                            droppedRec.ganttProperties.predecessor = null;
-                            droppedRec.ganttProperties.predecessorsName = null;
-                            droppedRec[this.parent.taskFields.dependency] = null;
-                            droppedRec.taskData[this.parent.taskFields.dependency] = null;
+                        if (!isNullOrUndefined(droppedRec.ganttProperties.predecessor)) {
+                            var fromRecord = this.parent.getRecordByID(droppedRec.ganttProperties.predecessor[count].from);
+                            var toRecord = this.parent.getRecordByID(droppedRec.ganttProperties.predecessor[count].to);
+                            var validPredecessor = this.parent.connectorLineEditModule.validateParentPredecessor(fromRecord, toRecord);
+                            if (droppedRec.ganttProperties.predecessor && !validPredecessor) {
+                                this.parent.editModule.removePredecessorOnDelete(droppedRec);
+                                droppedRec.ganttProperties.predecessor = null;
+                                droppedRec.ganttProperties.predecessorsName = null;
+                                droppedRec[this.parent.taskFields.dependency] = null;
+                                droppedRec.taskData[this.parent.taskFields.dependency] = null;
+                            }
                         }
                     }
                 }
@@ -3587,6 +3625,12 @@ var Edit = /** @class */ (function () {
             for (var k = 0; k < this.updateParentRecords.length; k++) {
                 this.parent.dataOperation.updateParentItems(this.updateParentRecords[k]);
             }
+            this.parent.editedRecords.forEach(function (record) {
+                _this.parent.predecessorModule.validatePredecessor(record, [], '');
+            });
+            for (var k = 0; k < this.updateParentRecords.length; k++) {
+                this.parent.dataOperation.updateParentItems(this.updateParentRecords[k]);
+            }
             this.updateParentRecords = [];
             this.parent.isOnEdit = false;
         }
@@ -3656,6 +3700,9 @@ var Edit = /** @class */ (function () {
         else {
             this.parent.hideSpinner();
         }
+        if (this.parent.rowDragAndDropModule) {
+            this.parent.rowDragAndDropModule['draggedRecord'] = null;
+        }
         this.parent.editedRecords = [];
     };
     Edit.prototype.refreshDataSource = function () {
@@ -3919,9 +3966,9 @@ var Edit = /** @class */ (function () {
                     data.splice(indx, 1);
                 }
                 var gridIndx = void 0;
-                for (var i_1 = 0; i_1 < this.treeGridData.length; i_1++) {
-                    if (this.treeGridData[i_1][this.parent.taskFields.id] === currentRec.taskData[this.parent.taskFields.id]) {
-                        gridIndx = i_1;
+                for (var i_2 = 0; i_2 < this.treeGridData.length; i_2++) {
+                    if (this.treeGridData[i_2][this.parent.taskFields.id] === currentRec.taskData[this.parent.taskFields.id]) {
+                        gridIndx = i_2;
                     }
                 }
                 this.treeGridData.splice(gridIndx, 1);

package/src/gantt/actions/keyboard.js

@@ -1,4 +1,4 @@
-import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue, removeClass } from '@syncfusion/ej2-base';
 /**
  * Focus module is used to handle certain action on focus elements in keyboard navigations.
  */
@@ -256,6 +256,10 @@ var FocusModule = /** @class */ (function () {
         if (ganttObj.selectionModule) {
             if (ganttObj.selectionSettings.mode !== 'Cell' && ganttObj.selectedRowIndex !== -1) {
                 var selectedItem = ganttObj.currentViewData[ganttObj.selectedRowIndex];
+                var focussedElement = ganttObj.element.querySelector('.e-focused');
+                if (focussedElement) {
+                    removeClass([focussedElement], 'e-focused');
+                }
                 var focusedRowIndex = this.parent.ganttChartModule.focusedRowIndex;
                 var selectingRowIndex = expandedRecords.indexOf(selectedItem);
                 var currentSelectingRecord = e.action === 'downArrow' ? expandedRecords[selectingRowIndex + 1] :