@syncfusion/ej2-gantt 22.2.11 → 22.2.12

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.11
+*  version : 22.2.12
 *  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@22.2.10",
+  "_id": "@syncfusion/ej2-gantt@22.2.11",
   "_inBundle": false,
-  "_integrity": "sha512-OWQ3upCLGYSsF4wYB0QsSoQeluIk7sjLl13HEb3lTEd3Q5LfasrlDBkdDaoo3P6xzR3lOhZoroCDylkdVah5CA==",
+  "_integrity": "sha512-4k77+lRaM2yuPPVon313iOaBCTitL9kD0en5Bq1hQUl76tMUiIGj6JO0mK26YIsWSWG8btrJpP5Bre49Cyldnw==",
   "_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-22.2.10.tgz",
-  "_shasum": "8b0fe3189bee207e9cc43e3712fb1b503c0be83f",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-22.2.11.tgz",
+  "_shasum": "3e8b2f541557af41cd85d60381a100eb8b6feaf4",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,19 +35,19 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.10",
+    "@syncfusion/ej2-base": "~22.2.12",
     "@syncfusion/ej2-buttons": "~22.2.9",
-    "@syncfusion/ej2-calendars": "~22.2.11",
+    "@syncfusion/ej2-calendars": "~22.2.12",
     "@syncfusion/ej2-data": "~22.2.5",
-    "@syncfusion/ej2-dropdowns": "~22.2.11",
-    "@syncfusion/ej2-grids": "~22.2.11",
-    "@syncfusion/ej2-inputs": "~22.2.9",
+    "@syncfusion/ej2-dropdowns": "~22.2.12",
+    "@syncfusion/ej2-grids": "~22.2.12",
+    "@syncfusion/ej2-inputs": "~22.2.12",
     "@syncfusion/ej2-layouts": "~22.2.9",
     "@syncfusion/ej2-lists": "~22.2.11",
     "@syncfusion/ej2-navigations": "~22.2.11",
     "@syncfusion/ej2-notifications": "~22.2.5",
     "@syncfusion/ej2-popups": "~22.2.11",
-    "@syncfusion/ej2-richtexteditor": "~22.2.10",
+    "@syncfusion/ej2-richtexteditor": "~22.2.12",
     "@syncfusion/ej2-svg-base": "~22.2.8",
     "@syncfusion/ej2-treegrid": "~22.2.9"
   },
@@ -74,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "22.2.11",
+  "version": "22.2.12",
   "sideEffects": false
 }

package/src/gantt/actions/context-menu.js

@@ -165,7 +165,7 @@ var ContextMenu = /** @class */ (function () {
                     taskfields = this.parent.taskFields;
                     if (!isNullOrUndefined(taskfields.duration)) {
                         var ganttProp = this.rowData.ganttProperties;
-                        data[taskfields.duration] = '1 ' + ganttProp.durationUnit;
+                        data[taskfields.duration] = data[taskfields.duration] <= 0 ? 1 : data[taskfields.duration];
                     }
                     else {
                         data[taskfields.startDate] = new Date(this.rowData.taskData[taskfields.startDate]);
@@ -178,6 +178,9 @@ var ContextMenu = /** @class */ (function () {
                             data[taskfields.milestone] = false;
                         }
                     }
+                    if (data[taskfields.startDate]) {
+                        this.parent.setRecordValue(taskfields.startDate, this.rowData.ganttProperties.startDate, data, true);
+                    }
                     this.parent.updateRecordByID(data);
                 }
                 break;

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

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

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

@@ -1,6 +1,6 @@
 import { Gantt } from '../base/gantt';
 import { IGanttData, ITaskbarEditedEventArgs, IParent } from '../base/interface';
-import { RowDropEventArgs } from '../base/interface';
+import { ITaskAddedEventArgs, RowDropEventArgs } from '../base/interface';
 import { RowPosition } from '../base/enum';
 import { CellEdit } from './cell-edit';
 import { TaskbarEdit } from './taskbar-edit';
@@ -450,6 +450,17 @@ export declare class Edit {
      * @private
      */
     private addDataInRealDataSource;
+    /**
+     * Method to update the values to client side from server side.
+     *
+     * @param {Object} e - Defines the new modified data from the server.
+     * @param {ITaskAddedEventArgs} args - Defines the client side data.
+     * @returns {void} .
+     */
+    updateClientDataFromServer(e: {
+        addedRecords: Object[];
+        changedRecords: Object[];
+    }, args: ITaskAddedEventArgs): void;
     /**
      * Method to add new record.
      *

package/src/gantt/actions/edit.js

@@ -1,5 +1,5 @@
 import { isNullOrUndefined, isUndefined, extend, setValue, getValue, deleteObject, createElement } from '@syncfusion/ej2-base';
-import { DataManager, Query, ODataAdaptor, WebApiAdaptor, ODataV4Adaptor } from '@syncfusion/ej2-data';
+import { DataManager, Query, ODataAdaptor, WebApiAdaptor } from '@syncfusion/ej2-data';
 import { getUid } from '@syncfusion/ej2-grids';
 import { getSwapKey, isScheduledTask, getTaskData, isRemoteData, getIndex, isCountRequired, updateDates } from '../base/utils';
 import { CellEdit } from './cell-edit';
@@ -402,6 +402,11 @@ var Edit = /** @class */ (function () {
         var ganttPropByMapping = getSwapKey(ganttObj.columnMapping);
         var scheduleFieldNames = [];
         var isScheduleValueUpdated = false;
+        if (!isNullOrUndefined(ganttData[tasks.milestone])) {
+            if (ganttData[tasks.milestone] === true) {
+                ganttData[tasks.milestone] = false;
+            }
+        }
         for (var _i = 0, _b = Object.keys(data); _i < _b.length; _i++) {
             var key = _b[_i];
             if ([tasks.startDate, tasks.endDate, tasks.duration].indexOf(key) !== -1) {
@@ -463,6 +468,22 @@ var Edit = /** @class */ (function () {
                 else if (key === tasks.cssClass) {
                     ganttPropKey = 'cssClass';
                 }
+                else if (key === tasks.milestone) {
+                    ganttPropKey = 'isMilestone';
+                    if (!isNullOrUndefined(tasks.duration)) {
+                        var ganttProp = ganttData.ganttProperties;
+                        var durationValue = data[tasks.duration];
+                        if (value) {
+                            durationValue = 0;
+                        }
+                        else {
+                            durationValue = durationValue <= 0 ? 1 : durationValue;
+                        }
+                        ganttObj.setRecordValue(tasks.duration, durationValue, ganttData, true);
+                        ganttObj.setRecordValue('duration', durationValue, ganttProp, true);
+                        ganttObj.setRecordValue('taskData.' + tasks.duration, durationValue, ganttData);
+                    }
+                }
                 else if ((key === tasks.segments) && (!isNullOrUndefined(ganttData.ganttProperties.segments))) {
                     ganttPropKey = 'segments';
                     /* eslint-disable-next-line */
@@ -2865,6 +2886,57 @@ var Edit = /** @class */ (function () {
             }
         }
     };
+    /**
+     * Method to update the values to client side from server side.
+     *
+     * @param {Object} e - Defines the new modified data from the server.
+     * @param {ITaskAddedEventArgs} args - Defines the client side data.
+     * @returns {void} .
+     */
+    Edit.prototype.updateClientDataFromServer = function (e, args) {
+        var serverReturnedValue = e.addedRecords[0];
+        var _aLength = Object.keys(serverReturnedValue).length;
+        for (var j = 0, _a = Object.keys(serverReturnedValue); j < _aLength; j++) {
+            var key = _a[parseInt(j.toString(), 10)];
+            args.data["" + key] = serverReturnedValue["" + key];
+        }
+        if (this.parent.taskFields.id !== null) {
+            args.data.ganttProperties['taskId'] = serverReturnedValue[this.parent.taskFields.id];
+        }
+        if (this.parent.taskFields.name !== null) {
+            args.data.ganttProperties['taskName'] = serverReturnedValue[this.parent.taskFields.name];
+        }
+        if (this.parent.taskFields.startDate !== null) {
+            args.data.ganttProperties['startDate'] = serverReturnedValue[this.parent.taskFields.startDate];
+        }
+        if (this.parent.taskFields.endDate !== null) {
+            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]);
+        }
+        if (this.parent.taskFields.durationUnit !== null) {
+            args.data.ganttProperties['durationUnit'] = serverReturnedValue[this.parent.taskFields.durationUnit];
+        }
+        if (this.parent.taskFields.progress !== null) {
+            args.data.ganttProperties['progress'] = serverReturnedValue[this.parent.taskFields.progress];
+        }
+        if (this.parent.taskFields.dependency !== null) {
+            args.data.ganttProperties['dependency'] = serverReturnedValue[this.parent.taskFields.dependency];
+        }
+        if (this.parent.taskFields.parentID !== null) {
+            args.data.ganttProperties['parentID'] = serverReturnedValue[this.parent.taskFields.parentID];
+        }
+        if (this.parent.taskFields.baselineEndDate !== null) {
+            args.data.ganttProperties['baselineEndDate'] = serverReturnedValue[this.parent.taskFields.baselineEndDate];
+        }
+        if (this.parent.taskFields.baselineStartDate !== null) {
+            args.data.ganttProperties['baselineStartDate'] = serverReturnedValue[this.parent.taskFields.baselineStartDate];
+        }
+        if (this.parent.taskFields.resourceInfo !== null) {
+            args.data.ganttProperties['resources'] = serverReturnedValue[this.parent.taskFields.resourceInfo];
+        }
+    };
     /**
      * Method to add new record.
      *
@@ -2926,7 +2998,8 @@ var Edit = /** @class */ (function () {
                         /* tslint:disable-next-line */
                         var query = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                         var adaptor = data_2.adaptor;
-                        if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor && adaptor instanceof ODataV4Adaptor) || data_2.dataSource.batchUrl) {
+                        var moduleName = adaptor.getModuleName();
+                        if (!(moduleName == "WebApiAdaptor" || moduleName == "ODataAdaptor" || moduleName == "ODataV4Adaptor") || data_2.dataSource.batchUrl) {
                             /* tslint:disable-next-line */
                             var crud = data_2.saveChanges(updatedData_2, _this.parent.taskFields.id, null, query);
                             crud.then(function (e) {
@@ -2936,6 +3009,7 @@ var Edit = /** @class */ (function () {
                                     _this.parent.setRecordValue('taskData', e.addedRecords[0], args.data);
                                     _this.parent.setRecordValue(_this.parent.taskFields.id, e.addedRecords[0][_this.parent.taskFields.id], args.data);
                                     _this.parent.setRecordValue('rowUniqueID', e.addedRecords[0][_this.parent.taskFields.id].toString(), args.data.ganttProperties, true);
+                                    _this.updateClientDataFromServer(e, args);
                                     var idsIndex = _this.parent.ids.indexOf(prevID_1);
                                     if (idsIndex !== -1) {
                                         _this.parent.ids[idsIndex] = e.addedRecords[0][_this.parent.taskFields.id].toString();

package/src/gantt/actions/filter.js

@@ -294,6 +294,9 @@ var Filter = /** @class */ (function () {
                     break;
                 }
                 if (!isNullOrUndefined(this.parent.element.parentNode)) {
+                    if (parentNode.parentNode instanceof HTMLDocument) {
+                        break;
+                    }
                     parentNode = parentNode.parentNode;
                     marginLeft = parentNode.style.marginLeft;
                 }

package/src/gantt/base/date-processor.js

@@ -1332,8 +1332,8 @@ var DateProcessor = /** @class */ (function () {
         }
         if (!editArgs) {
             this.prevProjectStartDate = this.parent.cloneProjectStartDate;
-            this.parent.cloneProjectStartDate = minStartDate ? minStartDate : new Date(projectStartDate.getTime());
-            this.parent.cloneProjectEndDate = maxEndDate ? maxEndDate : new Date(projectEndDate.getTime());
+            this.parent.cloneProjectStartDate = minStartDate ? (!this.parent.timelineModule.isZoomToFit) ? (!isNullOrUndefined(projectStartDate)) ? new Date(projectStartDate.getTime()) : minStartDate : minStartDate : new Date(projectStartDate.getTime());
+            this.parent.cloneProjectEndDate = maxEndDate ? (!this.parent.timelineModule.isZoomToFit) ? (!isNullOrUndefined(projectEndDate)) ? new Date(projectEndDate.getTime()) : maxEndDate : maxEndDate : new Date(projectEndDate.getTime());
         }
         else {
             setValue('minStartDate', minStartDate, editArgs);

package/src/gantt/base/gantt.js

@@ -779,7 +779,9 @@ var Gantt = /** @class */ (function (_super) {
             this.wireEvents();
             this.notify('initPredessorDialog', {});
         }
-        this.splitterModule.updateSplitterPosition();
+        if (!this.isFromOnPropertyChange) {
+            this.splitterModule.updateSplitterPosition();
+        }
         // if (this.gridLines === 'Vertical' || this.gridLines === 'Both') {
         //     this.renderChartVerticalLines();
         // }
@@ -791,6 +793,8 @@ var Gantt = /** @class */ (function (_super) {
         removeClass(ganttChartElement.querySelectorAll('.e-critical-milestone'), cls.criticalMilestone);
         removeClass(this.element.querySelectorAll('.e-connector-line'), cls.criticalConnectorLineSVG);
         removeClass(this.element.querySelectorAll('.e-connector-line-arrow'), cls.criticalConnectorArrowSVG);
+        var innerDivs = document.querySelector('.e-gantt-child-taskbar-inner-div');
+        innerDivs.style.outlineColor = "";
     };
     Gantt.prototype.wireEvents = function () {
         if (this.allowKeyboard) {
@@ -1503,6 +1507,7 @@ var Gantt = /** @class */ (function (_super) {
                     break;
                 case 'projectStartDate':
                 case 'projectEndDate':
+                    this.timelineModule.isZoomToFit = false;
                     this.dataOperation.calculateProjectDates();
                     this.updateProjectDates(this.cloneProjectStartDate, this.cloneProjectEndDate, this.isTimelineRoundOff);
                     break;
@@ -2627,8 +2632,11 @@ var Gantt = /** @class */ (function (_super) {
             }
             else {
                 this.editModule.addRecord(data, rowPosition, rowIndex);
+                if (rowPosition === 'Bottom') {
+                    this.selectedRowIndex = rowIndex;
+                }
                 if (rowPosition === 'Above' || rowPosition === 'Below' || rowPosition === 'Child') {
-                    this.currentSelection = data;
+                    this.currentSelection = !isNullOrUndefined(data) ? data : this.currentSelection;
                 }
             }
         }

package/src/gantt/base/task-processor.js

@@ -1528,17 +1528,15 @@ var TaskProcessor = /** @class */ (function (_super) {
         else {
             hierarchicalData = this.parent.dataSource;
         }
-        this.parent.flatData.map(function (data) {
-            hierarchicalData.map(function (record) {
-                if (data.ganttProperties.taskId === record[_this.parent.taskFields.id]) {
-                    if (!isNullOrUndefined(_this.parent.taskFields.startDate)) {
-                        task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
-                    }
-                    if (!isNullOrUndefined(_this.parent.taskFields.endDate)) {
-                        task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
-                    }
+        hierarchicalData.map(function (record) {
+            if (task.ganttProperties.taskId === record[_this.parent.taskFields.id]) {
+                if (!isNullOrUndefined(_this.parent.taskFields.startDate)) {
+                    task[_this.parent.taskFields.startDate] = record[_this.parent.taskFields.startDate];
                 }
-            });
+                if (!isNullOrUndefined(_this.parent.taskFields.endDate)) {
+                    task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
+                }
+            }
         });
     };
     TaskProcessor.prototype.getWorkInHour = function (work, workUnit) {
@@ -1580,7 +1578,9 @@ var TaskProcessor = /** @class */ (function (_super) {
                 this.setRecordDate(ganttData, ganttProperties.endDate, dataMapping.endDate);
             }
             if (dataMapping.duration) {
-                this.setRecordDuration(ganttData, dataMapping.duration);
+                if (!isNullOrUndefined(dataMapping.milestone) && !ganttData.taskData[dataMapping.milestone]) {
+                    this.setRecordDuration(ganttData, dataMapping.duration);
+                }
             }
             if (dataMapping.durationUnit) {
                 data[dataMapping.durationUnit] = ganttProperties.durationUnit;

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

@@ -410,7 +410,8 @@ var ExportHelper = /** @class */ (function () {
         row.height = pixelToPoint(this.parent.rowHeight);
         this.copyStyles(this.ganttStyle.columnHeader, row.cells.getCell(0), row.isParentRow);
         var count = this.columns.length;
-        this.mergeCells(0, 0, count);
+        row.cells.getCell(0).value = this.parent.localeObj.getConstant('emptyRecord');
+        this.mergeCells(1, 0, count);
     };
     ExportHelper.prototype.mergeCells = function (rowIndex, colIndex, lastColIndex) {
         this.gantt.rows.getRow(rowIndex).cells.getCell(colIndex).columnSpan = lastColIndex;

package/src/gantt/export/pdf-base/treegrid-layouter.js

@@ -309,6 +309,9 @@ var PdfTreeGridLayouter = /** @class */ (function (_super) {
                     }
                 }
                 var size = new SizeF(column.width, height);
+                if (cell.columnSpan > 1) {
+                    size = new SizeF(cell.width, height);
+                }
                 if (!this.checkIfDefaultFormat(column.format) && this.checkIfDefaultFormat(cell.style.format)) {
                     cell.style.format = column.format;
                 }

package/src/gantt/export/pdf-treegrid.js

@@ -337,12 +337,15 @@ var PdfTreeGrid = /** @class */ (function (_super) {
                         colSpan = cell.columnSpan;
                         currentCellIndex = j;
                         cell.isCellMergeStart = true;
+                        var totalColumnWidth = this.columns.columns[currentCellIndex].width;
                         //set Column merges.
                         while (colSpan > 1) {
                             currentCellIndex++;
                             row.cells.getCell(currentCellIndex).isCellMergeContinue = true;
                             colSpan--;
+                            totalColumnWidth += this.columns.columns[currentCellIndex].width;
                         }
+                        cell.width = totalColumnWidth;
                     }
                     else if (cell.columnSpan === 1 && cell.rowSpan > 1) {
                         rowSpan = cell.rowSpan;

package/src/gantt/renderer/edit-tooltip.js

@@ -50,13 +50,16 @@ var EditTooltip = /** @class */ (function () {
      * @returns {void} .
      */
     EditTooltip.prototype.updateTooltipPosition = function (args) {
-        // const containerPosition: { top: number, left: number } = this.parent.getOffsetRect(this.parent.chartPane);
-        // const leftEnd: number = containerPosition.left + this.parent.chartPane.offsetWidth;
-        // let tooltipPositionX: number = args.element.offsetLeft;
-        // if (leftEnd < (tooltipPositionX + args.element.offsetWidth)) {
-        //     tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
-        // }
-        // args.element.style.left = tooltipPositionX + 'px';
+        var parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        if (isNullOrUndefined(parentWithZoomStyle)) {
+            var containerPosition = this.parent.getOffsetRect(this.parent.chartPane);
+            var leftEnd = containerPosition.left + this.parent.chartPane.offsetWidth;
+            var tooltipPositionX = args.element.offsetLeft;
+            if (leftEnd < (tooltipPositionX + args.element.offsetWidth)) {
+                tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
+            }
+            args.element.style.left = tooltipPositionX + 'px';
+        }
         args.element.style.visibility = 'visible';
     };
     /**

package/src/gantt/renderer/timeline.js

@@ -1478,13 +1478,16 @@ var Timeline = /** @class */ (function () {
             this.parent.updateProjectDates(args.projectStartDate, args.ProjectEndDate, args.isTimelineRoundOff, isFrom);
             if (type === 'prevTimeSpan' && isFrom === 'publicMethod') {
                 this.parent.ganttChartModule.updateScrollLeft(0);
+                this.parent.timelineModule.isZoomToFit = false;
             }
             else if (type === 'nextTimeSpan' && isFrom === 'publicMethod') {
                 this.parent.ganttChartModule.updateScrollLeft(this.parent.timelineModule.totalTimelineWidth);
+                this.parent.timelineModule.isZoomToFit = false;
             }
             else if (type === 'nextTimeSpan' && isFrom === 'TaskbarEditing') {
                 var currentScrollLeft = document.getElementsByClassName('e-chart-scroll-container e-content')[0].scrollLeft;
                 this.parent.element.querySelector('.e-timeline-header-container').scrollLeft = currentScrollLeft;
+                this.parent.timelineModule.isZoomToFit = false;
             }
             this.parent.timelineModule.timeSpanActionEvent('actionComplete', type, isFrom);
         }

package/src/gantt/renderer/tooltip.js

@@ -185,34 +185,38 @@ var Tooltip = /** @class */ (function () {
      */
     Tooltip.prototype.updateTooltipPosition = function (args) {
         args.element.style.visibility = 'visible';
-        // if (isNullOrUndefined(this.tooltipMouseEvent) || args.target.classList.contains('e-notes-info')) {
-        //     return;
-        // }
-        // const postion: { x: number, y: number } = this.getPointorPosition(this.tooltipMouseEvent);
-        // const containerPosition: { top: number, left: number, width?: number, height?: number } =
-        //  this.parent.getOffsetRect(this.parent.chartPane);
-        // const topEnd: number = containerPosition.top + this.parent.chartPane.offsetHeight;
-        // const leftEnd: number = containerPosition.left + this.parent.chartPane.offsetWidth;
-        // let tooltipPositionX: number = postion.x;
-        // let tooltipPositionY: number = postion.y;
-        // if (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
-        //     while (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
-        //         tooltipPositionX = leftEnd - args.element.offsetWidth - 10;
-        //         args.element.style.left = tooltipPositionX + 'px';
-        //     }
-        // } else {
-        //     tooltipPositionX = tooltipPositionX + 10;
-        //     args.element.style.left = tooltipPositionX + 'px';
-        // }
-        // if (window.innerHeight < args.element.offsetHeight + tooltipPositionY) {
-        //     tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
-        // }
-        // if ((topEnd < (tooltipPositionY + args.element.offsetHeight + 20))) {
-        //     tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
-        // } else {
-        //     tooltipPositionY = tooltipPositionY + 10;
-        // }
-        // args.element.style.top = tooltipPositionY + 'px';
+        var parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        if (isNullOrUndefined(parentWithZoomStyle)) {
+            if (isNullOrUndefined(this.tooltipMouseEvent) || args.target.classList.contains('e-notes-info')) {
+                return;
+            }
+            var postion = this.getPointorPosition(this.tooltipMouseEvent);
+            var containerPosition = this.parent.getOffsetRect(this.parent.chartPane);
+            var topEnd = containerPosition.top + this.parent.chartPane.offsetHeight;
+            var leftEnd = containerPosition.left + this.parent.chartPane.offsetWidth;
+            var tooltipPositionX = postion.x;
+            var tooltipPositionY = postion.y;
+            if (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
+                while (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
+                    tooltipPositionX = leftEnd - args.element.offsetWidth - 10;
+                    args.element.style.left = tooltipPositionX + 'px';
+                }
+            }
+            else {
+                tooltipPositionX = tooltipPositionX + 10;
+                args.element.style.left = tooltipPositionX + 'px';
+            }
+            if (window.innerHeight < args.element.offsetHeight + tooltipPositionY) {
+                tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
+            }
+            if ((topEnd < (tooltipPositionY + args.element.offsetHeight + 20))) {
+                tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
+            }
+            else {
+                tooltipPositionY = tooltipPositionY + 10;
+            }
+            args.element.style.top = tooltipPositionY + 'px';
+        }
     };
     /**
      * Method to get mouse pointor position

package/styles/gantt/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;