@syncfusion/ej2-treegrid 27.1.50 → 27.1.53

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.50
+*  version : 27.1.53
 *  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-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@27.1.48",
+  "_id": "@syncfusion/ej2-treegrid@27.1.51",
   "_inBundle": false,
-  "_integrity": "sha512-+qY8Bg0NcA8QX1TKwfScfBc+pcXkNk5B5VOxUjNlUaHjIhVDAy6KNCzgz3m8azq9Phcdfsi9jfKtXTGjVSI2XQ==",
+  "_integrity": "sha512-BxreT6LDvMKgSbwdRPYsTT6awSyCNy2GranKmV7bDntQ9VmMOKr+EZuK9dCFwiGPlLbDELZA7ch+66FC6nICgQ==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-27.1.48.tgz",
-  "_shasum": "7ca238e6144baee1bcdabbbcd1ea338cbaf7ef5f",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-27.1.51.tgz",
+  "_shasum": "14d89558206de07aeffbf02037b6d4dac8dcc603",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -36,10 +36,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-data": "~27.1.50",
-    "@syncfusion/ej2-grids": "~27.1.50",
-    "@syncfusion/ej2-popups": "~27.1.50"
+    "@syncfusion/ej2-base": "~27.1.53",
+    "@syncfusion/ej2-data": "~27.1.52",
+    "@syncfusion/ej2-grids": "~27.1.53",
+    "@syncfusion/ej2-popups": "~27.1.53"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -76,6 +76,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.50",
+  "version": "27.1.53",
   "sideEffects": false
 }

package/src/treegrid/base/treegrid.js

@@ -2119,12 +2119,12 @@ var TreeGrid = /** @class */ (function (_super) {
      */
     TreeGrid.prototype.getPersistData = function () {
         var keyEntity = ['pageSettings', 'sortSettings',
-            'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex'];
+            'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex', 'scrollPosition'];
         var ignoreOnPersist = {
             pageSettings: ['template', 'pageSizes', 'pageSizeMode', 'enableQueryString', 'totalRecordsCount', 'pageCount'],
             filterSettings: ['type', 'mode', 'showFilterBarStatus', 'immediateModeDelay', 'ignoreAccent', 'hierarchyMode'],
             searchSettings: ['fields', 'operator', 'ignoreCase'],
-            sortSettings: [], columns: [], selectedRowIndex: []
+            sortSettings: [], columns: [], selectedRowIndex: [], scrollPosition: []
         };
         var ignoreOnColumn = ['filter', 'edit', 'filterBarTemplate', 'headerTemplate', 'template',
             'commandTemplate', 'commands', 'dataSource'];
@@ -2974,6 +2974,9 @@ var TreeGrid = /** @class */ (function (_super) {
             });
         }
         record = this.getCollapseExpandRecords(row, record);
+        if (isNullOrUndefined(row) && isNullOrUndefined(record)) {
+            return;
+        }
         if (!isNullOrUndefined(row) && row.cells[0].classList.contains('e-lastrowcell')) {
             this.lastRowBorder(row, false);
         }
@@ -3055,7 +3058,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 return e.hasChildRecords;
             });
         }
-        else if (isNullOrUndefined(record)) {
+        else if (isNullOrUndefined(record) && !isNullOrUndefined(row)) {
             if (this.detailTemplate) {
                 record = this.grid.getCurrentViewRecords()[row.getAttribute('data-rowindex')];
             }
@@ -3096,6 +3099,9 @@ var TreeGrid = /** @class */ (function (_super) {
             });
         }
         record = this.getCollapseExpandRecords(row, record);
+        if (isNullOrUndefined(row) && isNullOrUndefined(record)) {
+            return;
+        }
         if (this.isCollapseAll && !isRemoteData(this)) {
             var args = { data: parentRec, row: row, cancel: false };
             if (!this.isCollapsingEventTriggered) {
@@ -3117,7 +3123,7 @@ var TreeGrid = /** @class */ (function (_super) {
         else if (!this.isCollapseAll || (this.isCollapseAll && isRemoteData(this))) {
             var args = { data: record, row: row, cancel: false };
             this.trigger(events.collapsing, args, function (collapsingArgs) {
-                if (!collapsingArgs.cancel && !isNullOrUndefined(record)) {
+                if (!collapsingArgs.cancel) {
                     _this.collapseRows(row, record, parentRec);
                 }
             });

package/src/treegrid/renderer/virtual-tree-content-render.js

@@ -126,6 +126,18 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             this.parent["" + action]('refresh-virtual-block', this.refreshContentRows, this);
             this.fn = function () {
                 _this.observers.observes(function (scrollArgs) { return _this.scrollListeners(scrollArgs); }, _this.onEnteredAction(), _this.parent);
+                var gObj = _this.parent;
+                if (gObj.root.enablePersistence && gObj.root.scrollPosition) {
+                    _this.content.scrollTop = gObj.root.scrollPosition.top;
+                    if (gObj.root.enableColumnVirtualization) {
+                        _this.content.scrollLeft = gObj.root.scrollPosition.left;
+                    }
+                    var scrollValues = {
+                        direction: 'down', sentinel: _this.observer.sentinelInfo.down,
+                        offset: gObj.root.scrollPosition, focusElement: gObj.element
+                    };
+                    _this.scrollListeners(scrollValues);
+                }
                 _this.parent.off('content-ready', _this.fn);
             };
             this.parent.addEventListener('dataBound', this.dataBoundEvent.bind(this));
@@ -384,6 +396,9 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
     };
     VirtualTreeContentRenderer.prototype.scrollListeners = function (scrollArgs) {
         this['scrollAfterEdit']();
+        if (this.parent.root.enablePersistence) {
+            this.parent.root.scrollPosition = scrollArgs.offset;
+        }
         var info = scrollArgs.sentinel;
         var rowHeight = this.parent.getRowHeight();
         var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
@@ -405,13 +420,14 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                 - this.parent.pageSettings.pageSize;
             index = (index > 0) ? index : 0;
             if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 && index !== this["" + selectedRowIndex] &&
-                ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop)) {
+                ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop) &&
+                !(this.parent.root && this.parent.root.treeGrid && this.parent.root.treeGrid.isGantt)) {
                 index = this["" + selectedRowIndex];
             }
             this.startIndex = index;
             this.endIndex = index + this.parent.pageSettings.pageSize;
             if (this.endIndex > this.totalRecords) {
-                var lastInx = this.totalRecords - 1;
+                var lastInx = this.totalRecords;
                 var remains = this.endIndex % lastInx;
                 this.endIndex = lastInx;
                 this.startIndex = (this.startIndex - remains) < 0 ? 0 : (this.startIndex - remains);
@@ -449,7 +465,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             var nextSetResIndex = ~~(content.scrollTop / rowHeight);
             var isLastBlock = (this["" + selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
             if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
-                nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock) {
+                nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock && !(this.parent.root && this.parent.root.treeGrid && this.parent.root.treeGrid.isGantt)) {
                 nextSetResIndex = this["" + selectedRowIndex];
             }
             var lastIndex = nextSetResIndex + this.parent.pageSettings.pageSize;

package/styles/bootstrap-dark-lite.css

@@ -223,6 +223,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/bootstrap-dark.css

@@ -223,6 +223,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/bootstrap-lite.css

@@ -226,6 +226,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/bootstrap.css

@@ -226,6 +226,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/bootstrap4-lite.css

@@ -259,6 +259,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/bootstrap4.css

@@ -259,6 +259,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/bootstrap5-dark-lite.css

@@ -262,6 +262,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/bootstrap5-dark.css

@@ -262,6 +262,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/bootstrap5-lite.css

@@ -262,6 +262,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/bootstrap5.3-lite.css

@@ -266,6 +266,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/bootstrap5.3.css

@@ -266,6 +266,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/bootstrap5.css

@@ -262,6 +262,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/fabric-dark-lite.css

@@ -202,6 +202,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/fabric-dark.css

@@ -202,6 +202,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/fabric-lite.css

@@ -202,6 +202,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/fabric.css

@@ -202,6 +202,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/fluent-dark-lite.css

@@ -265,6 +265,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/fluent-dark.css

@@ -265,6 +265,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/fluent-lite.css

@@ -265,6 +265,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/fluent.css

@@ -265,6 +265,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/fluent2-lite.css

@@ -450,6 +450,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/fluent2.css

@@ -450,6 +450,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/highcontrast-light-lite.css

@@ -208,6 +208,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/highcontrast-light.css

@@ -208,6 +208,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/highcontrast-lite.css

@@ -215,6 +215,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/highcontrast.css

@@ -215,6 +215,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/material-dark-lite.css

@@ -284,6 +284,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/material-dark.css

@@ -284,6 +284,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/material-lite.css

@@ -308,6 +308,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/material.css

@@ -308,6 +308,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/material3-dark-lite.css

@@ -295,6 +295,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/material3-dark.css

@@ -295,6 +295,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/material3-lite.css

@@ -297,6 +297,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/material3.css

@@ -297,6 +297,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/tailwind-dark-lite.css

@@ -235,6 +235,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/tailwind-dark.css

@@ -235,6 +235,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;

package/styles/tailwind-lite.css

@@ -235,6 +235,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;