@syncfusion/ej2-gantt 23.1.43 → 23.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.43
+*  version : 23.2.4
 *  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.42",
+  "_id": "@syncfusion/ej2-gantt@23.1.44",
   "_inBundle": false,
-  "_integrity": "sha512-g+CmUUPzrTLD37FpCq/HeZ9vBjf1374Ba/UuGN7b7bWnoeCY5TbntcWc6QmZxKqYhcIOisUGTDE6RpFsuv1cYg==",
+  "_integrity": "sha512-FFN4iVap1ulswXR3xbIsVZmtRPlvYeQF7a7O/z9xfGCc3PDviqLYul4Z0YBj8em9xAHq4JQw3DOnTRZm4CI2Kg==",
   "_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.42.tgz",
-  "_shasum": "480266949e5700ba55acbac9e738143271aa21f4",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-23.1.44.tgz",
+  "_shasum": "d3038e839389b5542cec6e67b77ad85e7169e0b8",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -35,21 +35,21 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.41",
-    "@syncfusion/ej2-buttons": "~23.1.43",
-    "@syncfusion/ej2-calendars": "~23.1.41",
-    "@syncfusion/ej2-data": "~23.1.43",
-    "@syncfusion/ej2-dropdowns": "~23.1.43",
-    "@syncfusion/ej2-grids": "~23.1.43",
-    "@syncfusion/ej2-inputs": "~23.1.43",
-    "@syncfusion/ej2-layouts": "~23.1.36",
-    "@syncfusion/ej2-lists": "~23.1.43",
-    "@syncfusion/ej2-navigations": "~23.1.43",
-    "@syncfusion/ej2-notifications": "~23.1.40",
-    "@syncfusion/ej2-popups": "~23.1.43",
-    "@syncfusion/ej2-richtexteditor": "~23.1.43",
-    "@syncfusion/ej2-svg-base": "~23.1.36",
-    "@syncfusion/ej2-treegrid": "~23.1.43"
+    "@syncfusion/ej2-base": "~23.2.4",
+    "@syncfusion/ej2-buttons": "~23.2.4",
+    "@syncfusion/ej2-calendars": "~23.2.4",
+    "@syncfusion/ej2-data": "~23.2.4",
+    "@syncfusion/ej2-dropdowns": "~23.2.4",
+    "@syncfusion/ej2-grids": "~23.2.4",
+    "@syncfusion/ej2-inputs": "~23.2.4",
+    "@syncfusion/ej2-layouts": "~23.2.4",
+    "@syncfusion/ej2-lists": "~23.2.4",
+    "@syncfusion/ej2-navigations": "~23.2.4",
+    "@syncfusion/ej2-notifications": "~23.2.4",
+    "@syncfusion/ej2-popups": "~23.2.4",
+    "@syncfusion/ej2-richtexteditor": "~23.2.4",
+    "@syncfusion/ej2-svg-base": "~23.2.4",
+    "@syncfusion/ej2-treegrid": "~23.2.4"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -74,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "23.1.43",
+  "version": "23.2.4",
   "sideEffects": false
 }

package/src/gantt/actions/edit.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { isNullOrUndefined, isUndefined, extend, setValue, getValue, deleteObject, createElement } from '@syncfusion/ej2-base';
 import { DataManager, Query, ODataAdaptor, WebApiAdaptor, ODataV4Adaptor } from '@syncfusion/ej2-data';
 import { getUid } from '@syncfusion/ej2-grids';
@@ -1227,7 +1238,15 @@ var Edit = /** @class */ (function () {
         if (args.action && args.action === 'DrawConnectorLine') {
             eventArgs.action = 'DrawConnectorLine';
         }
+        var ganttObj = this.parent;
+        var currentBaselineStart = __assign({}, eventArgs.data.ganttProperties.baselineStartDate);
+        var currentBaselineEnd = __assign({}, eventArgs.data.ganttProperties.baselineEndDate);
         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.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
                 _this.parent.showMaskRow();
             }

package/src/gantt/actions/filter.js

@@ -355,6 +355,10 @@ var Filter = /** @class */ (function () {
         if (this.parent.treeGrid.filterSettings.type === 'Menu') {
             element.querySelector('.e-valid-input').focus();
         }
+        if (this.parent.treeGrid.filterSettings.type === 'Excel') {
+            var inputElement = document.querySelector('.e-searchinput');
+            inputElement.focus();
+        }
     };
     Filter.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {

package/src/gantt/actions/toolbar.js

@@ -107,6 +107,9 @@ var Toolbar = /** @class */ (function () {
         this.toolbar.isReact = this.parent.isReact;
         this.toolbar.on('render-react-toolbar-template', this.addReactToolbarPortals, this);
         this.toolbar.appendTo(this.element);
+        if (this.parent.treeGrid.grid && this.parent.isReact) {
+            this.parent.treeGrid.grid.portals = this.parent.portals;
+        }
         var cancelItem = this.element.querySelector('#' + this.parent.element.id + '_cancel');
         var updateItem = this.element.querySelector('#' + this.parent.element.id + '_update');
         if (cancelItem) {

package/src/gantt/base/gantt.js

@@ -1514,6 +1514,7 @@ var Gantt = /** @class */ (function (_super) {
                     this.treeGridModule.treeGridColumns = [];
                     this.treeGridModule.validateGanttColumns();
                     this.treeGrid.columns = this.treeGridModule.treeGridColumns;
+                    this.treeGrid.grid.columns = this.treeGridModule.treeGridColumns;
                     this.chartRowsModule.initiateTemplates();
                     this.timelineModule.updateChartByNewTimeline();
                     break;

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, pointToPixel } from '../base/utils';
+import { pixelToPoint, isScheduledTask } 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 = pointToPixel(data.parentLeft);
-                predecessor.childLeft = pointToPixel(data.childLeft);
-                predecessor.parentWidth = pointToPixel(data.parentWidth);
-                predecessor.childWidth = pointToPixel(data.childWidth);
+                predecessor.parentLeft = data.parentLeft;
+                predecessor.childLeft = data.childLeft;
+                predecessor.parentWidth = data.parentWidth;
+                predecessor.childWidth = 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 = pointToPixel(ganttProp.left);
-            taskbar.width = pointToPixel(ganttProp.width);
+            taskbar.left = ganttProp.left;
+            taskbar.width = 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 = pointToPixel(ganttProp.baselineLeft);
-            taskbar.baselineWidth = pointToPixel(ganttProp.baselineWidth);
+            taskbar.baselineLeft = ganttProp.baselineLeft;
+            taskbar.baselineWidth = 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 = pointToPixel(ganttProp.left) + pointToPixel(ganttProp.width) + reduceLeft; // right label left value
+            taskbar.rightTaskLabel.left = ganttProp.left + ganttProp.width + reduceLeft; // right label left value
             taskbar.fontFamily = _this.ganttStyle.fontFamily;
-            taskbar.progressWidth = pointToPixel(ganttProp.progressWidth);
+            taskbar.progressWidth = ganttProp.progressWidth;
             taskbar.labelColor = new PdfColor(_this.ganttStyle.label.fontColor);
             taskbar.progressFontColor = new PdfColor(_this.ganttStyle.taskbar.progressFontColor);
             if (taskbar.isParentTask) {

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

@@ -100,10 +100,12 @@ var PdfGantt = /** @class */ (function (_super) {
             }
             var detail = {};
             var range = [];
-            var convertedWidth = pixelToPoint(this.chartHeader.bottomTierCellWidth);
+            var convertedWidth = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? pixelToPoint(this.chartHeader.bottomTierCellWidth) : this.chartHeader.bottomTierCellWidth;
             var width = 0;
             if (this.chartHeader.bottomTierCellWidth !== 0) {
-                width = (Math.floor(pageWidth / convertedWidth) * convertedWidth);
+                width = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                    this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? (Math.floor(pageWidth / convertedWidth) * convertedWidth) : (Math.floor(pageWidth / convertedWidth) * convertedWidth) + 5;
             }
             range[0] = point;
             if (headerWidth - point <= width) {
@@ -221,7 +223,8 @@ var PdfGantt = /** @class */ (function (_super) {
         var pageData;
         this.headerDetails.forEach(function (detail, index) {
             var page = _this.result.page.section.getPages()[_this.startPageIndex];
-            page['contentWidth'] = pointToPixel(_this.headerDetails[index].endPoint - _this.headerDetails[index].startPoint);
+            page['contentWidth'] = (_this.parent.pdfExportModule && _this.parent.pdfExportModule.helper.exportProps && _this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                _this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? pointToPixel(_this.headerDetails[index].endPoint - _this.headerDetails[index].startPoint) : _this.headerDetails[index].endPoint - _this.headerDetails[index].startPoint;
             _this.chartHeader.drawTimeline(page, _this.startPoint, detail);
             taskbarPoint.y = taskbarPoint.y + pixelToPoint(_this.parent.timelineModule.isSingleTier ? 45 : 60); // headerHeight
             pageStartX = taskbarPoint.x;

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

@@ -65,7 +65,8 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
         //code for while current pdf page is exceed
         if (yPoint > pageSize.height) {
             page = this.GetNextPage(page);
-            page['contentWidth'] = pointToPixel(detail.endPoint - detail.startPoint);
+            page['contentWidth'] = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? pointToPixel(detail.endPoint - detail.startPoint) : detail.endPoint - detail.startPoint;
             taskGraphics = page.graphics;
             startPoint.y = 0;
             if (this.parent.pdfExportModule.gantt.enableHeader) {
@@ -93,7 +94,7 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
         progressFormat.alignment = PdfTextAlignment.Right;
         var isLabelString = false;
         var updatedWidth;
-        if (/^[a-zA-Z]/.test(this.taskLabel)) {
+        if (!isNullOrUndefined(this.taskLabel) && (/^[a-zA-Z]/.test(this.taskLabel))) {
             isLabelString = true;
             progressFormat.alignment = PdfTextAlignment.Left;
         }
@@ -159,7 +160,6 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
                         taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + pixelToPoint(taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight + pixelToPoint(taskbar.height + 3), pixelToPoint(this.baselineWidth), pixelToPoint(this.baselineHeight));
                     }
                     taskGraphics.drawRectangle(taskbarPen, taskBrush, startPoint.x + pixelToPoint(this.left - cumulativeWidth) + 0.5, startPoint.y + adjustHeight, pixelToPoint(renderWidth), pixelToPoint(taskbar.height));
-                    taskbar.width = taskbar.width - renderWidth;
                     if (this.isScheduledTask) {
                         var progressBoundsWidth = 0;
                         if (this.progressWidth <= renderWidth) {

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

@@ -23,7 +23,8 @@ var PdfTimeline = /** @class */ (function () {
      * @returns {void}
      */
     PdfTimeline.prototype.drawTimeline = function (page, startPoint, detail) {
-        var remainWidth = pointToPixel(Math.floor(detail.totalWidth));
+        var remainWidth = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+            this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? pointToPixel(Math.floor(detail.totalWidth)) : Math.floor(detail.totalWidth);
         var renderWidth = 0;
         this.topTierPoint.x = startPoint.x;
         this.topTierPoint.y = startPoint.y;
@@ -51,7 +52,8 @@ var PdfTimeline = /** @class */ (function () {
                 //Primary header Event Arguments
                 /* eslint-disable-next-line */
                 this.triggerQueryTimelinecell(page, this.topTierPoint.x, this.topTierPoint.y, this.topTierHeight, renderWidth, pHeader.value, true);
-                this.topTierPoint.x += renderWidth;
+                this.topTierPoint.x += (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                    this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? renderWidth : pixelToPoint(renderWidth);
                 remainWidth -= renderWidth;
                 if (isCompleted) {
                     this.topTierIndex++;
@@ -77,7 +79,8 @@ var PdfTimeline = /** @class */ (function () {
                 //Secondary header Event Arguments
                 /* eslint-disable-next-line */
                 this.triggerQueryTimelinecell(page, this.bottomTierPoint.x, this.bottomTierPoint.y, this.bottomTierHeight, width, secondHeader.value, false);
-                this.bottomTierPoint.x = this.bottomTierPoint.x + width;
+                this.bottomTierPoint.x = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                    this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? this.bottomTierPoint.x + width : this.bottomTierPoint.x + pixelToPoint(width);
                 remainWidth -= width;
                 secondHeader.completedWidth = width;
                 if (isCompleted) {
@@ -108,7 +111,8 @@ var PdfTimeline = /** @class */ (function () {
                     //Primary header Event Arguments
                     /* eslint-disable-next-line */
                     this.triggerQueryTimelinecell(page, this.topTierPoint.x, this.topTierPoint.y, this.topTierHeight, pHeader.completedWidth, pHeader.value, true);
-                    this.topTierPoint.x += pHeader.completedWidth;
+                    this.topTierPoint.x += (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                        this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? pHeader.completedWidth : pixelToPoint(pHeader.completedWidth);
                 }
             }
         }
@@ -121,7 +125,8 @@ var PdfTimeline = /** @class */ (function () {
                     //Secondary header Event Arguments
                     /* eslint-disable-next-line */
                     this.triggerQueryTimelinecell(page, this.bottomTierPoint.x, this.bottomTierPoint.y, this.bottomTierHeight, secondHeader.width, secondHeader.value, false);
-                    this.bottomTierPoint.x = this.bottomTierPoint.x + secondHeader.width;
+                    this.bottomTierPoint.x = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                        this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? this.bottomTierPoint.x + secondHeader.width : this.bottomTierPoint.x + pixelToPoint(secondHeader.width);
                 }
             }
         }
@@ -168,7 +173,8 @@ var PdfTimeline = /** @class */ (function () {
         var e = eventArgs.timelineCell;
         var rectPen = new PdfPen(eventArgs.timelineCell.borderColor);
         var rectBrush = new PdfSolidBrush(eventArgs.timelineCell.backgroundColor);
-        graphics.drawRectangle(rectPen, rectBrush, x, y, width, pixelToPoint(height));
+        graphics.drawRectangle(rectPen, rectBrush, x, y, (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+            this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? width : pixelToPoint(width), pixelToPoint(height));
         if (!isTopTier && (this.parent.gridLines == "Both" || this.parent.gridLines == "Vertical")) {
             graphics.drawRectangle(rectPen, rectBrush, x, y + pixelToPoint(height), width, page.getClientSize().height);
         }

package/styles/bootstrap-dark.css

@@ -142,6 +142,11 @@
   width: 40px;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {

package/styles/bootstrap5-dark.css

@@ -170,7 +170,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #fff;
   height: 100%;
 }

package/styles/bootstrap5.css

@@ -170,7 +170,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #212529;
   height: 100%;
 }

package/styles/fabric-dark.css

@@ -98,6 +98,11 @@
   margin: 2px 2px 2px 0;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {

package/styles/fluent-dark.css

@@ -150,7 +150,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #f3f2f1;
   height: 100%;
 }

package/styles/fluent.css

@@ -150,7 +150,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #201f1e;
   height: 100%;
 }

package/styles/gantt/bootstrap-dark.css

@@ -142,6 +142,11 @@
   width: 40px;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {

package/styles/gantt/bootstrap5-dark.css

@@ -170,7 +170,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #fff;
   height: 100%;
 }

package/styles/gantt/bootstrap5.css

@@ -170,7 +170,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #212529;
   height: 100%;
 }

package/styles/gantt/fabric-dark.css

@@ -98,6 +98,11 @@
   margin: 2px 2px 2px 0;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {

package/styles/gantt/fluent-dark.css

@@ -150,7 +150,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #f3f2f1;
   height: 100%;
 }

package/styles/gantt/fluent.css

@@ -150,7 +150,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #201f1e;
   height: 100%;
 }

package/styles/gantt/highcontrast.css

@@ -177,6 +177,11 @@
   width: 30px;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /*! Fabric theme definition's */
 /*! component's theme wise override definitions and variables */
 /*! Horizontal Tab */

package/styles/gantt/tailwind-dark.css

@@ -118,7 +118,8 @@
   width: 28px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #fff;
   height: 100%;
 }

package/styles/gantt/tailwind.css

@@ -118,7 +118,8 @@
   width: 28px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #111827;
   height: 100%;
 }

package/styles/highcontrast.css

@@ -177,6 +177,11 @@
   width: 30px;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /*! Fabric theme definition's */
 /*! component's theme wise override definitions and variables */
 /*! Horizontal Tab */

package/styles/tailwind-dark.css

@@ -118,7 +118,8 @@
   width: 28px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #fff;
   height: 100%;
 }

package/styles/tailwind.css

@@ -118,7 +118,8 @@
   width: 28px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #111827;
   height: 100%;
 }