@syncfusion/ej2-react-grids 20.2.36 → 20.2.38

package/CHANGELOG.md

@@ -4,6 +4,18 @@
 
 ### Grid
 
+#### Bug Fixes
+
+- `#I376131` - when cell containing the checkbox is double clicked the next cell content gets highlighted issue has been fixed.
+- `#I385933` - Custom format on number column is not working properly in Grid pdf export issue has been fixed.
+- `#FB35672` - Empty grid in batch edit mode throws script error has been fixed.
+- `#I382789` - Tab key Navigation not working When `allowEditing` set to false with `RowDragandDrop` is fixed.
+- `#FB34522` - Column reorder not working properly in column freeze enabled is fixed.
+
+## 20.2.36 (2022-06-30)
+
+### Grid
+
 #### New Features
 
 - `#I359178` - Provided support to show clear icon in the Grid search text box. It helps to clear the text in search text box and also clear the searching in Grid control too. Please find the demo link [here](https://ej2.syncfusion.com/demos/#/bootstrap5/grid/searching)

package/dist/ej2-react-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.umd.min.js
-*  version : 20.2.36
+*  version : 20.2.38
 *  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-react-grids@*",
-  "_id": "@syncfusion/ej2-react-grids@1.120.6",
+  "_id": "@syncfusion/ej2-react-grids@20.2.36",
   "_inBundle": false,
-  "_integrity": "sha512-QRDbYQzDjtOQIADcXDle91rLZ2H0SNESKpQ5gzKFJEohl0E9eeOKj2MYHxZAqlLa70xIvzA4VWY1da/oYOfH5w==",
+  "_integrity": "sha512-muXjMooRctSbl8i7CE6frrXJg27HXuPRvJfWcnxqBlUx7CTZcG7RZQz8gMyj+a9cME+HeAtu6+Z73nFpsh9Qdw==",
   "_location": "/@syncfusion/ej2-react-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-grids/-/ej2-react-grids-1.120.6.tgz",
-  "_shasum": "c29f819a715ceb4e3379bd434dc8c7b3bec790c0",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-20.2.36.tgz",
+  "_shasum": "9983951cfb2dad67eda1e3381bfb955777f9ffc0",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.36",
-    "@syncfusion/ej2-grids": "20.2.36",
-    "@syncfusion/ej2-react-base": "~20.2.36"
+    "@syncfusion/ej2-base": "~20.2.38",
+    "@syncfusion/ej2-grids": "20.2.38",
+    "@syncfusion/ej2-react-base": "~20.2.38"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for React",
@@ -65,6 +65,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.2.36",
+  "version": "20.2.38",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -155,6 +155,10 @@
   padding: 15px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;
@@ -1439,7 +1443,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-firstrow-dragborder, .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
 .e-grid .e-gridcontent .e-lastrow-dragborder, .e-grid.e-rtl .e-gridcontent .e-lastrow-dragborder {
   bottom: 0;
-  background-color: #e3165b;
+  background-color: #0070f0;
   height: 2px;
   position: absolute;
 }
@@ -2336,10 +2340,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -3096,7 +3103,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
 }
@@ -3339,7 +3346,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {

package/styles/bootstrap.css

@@ -155,6 +155,10 @@
   padding: 15px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;
@@ -2337,10 +2341,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -3097,7 +3104,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
 }
@@ -3340,7 +3347,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {

package/styles/bootstrap4.css

@@ -197,6 +197,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;
@@ -1200,7 +1204,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-groupheadercell span {
   height: 4px;
   line-height: 4px;
-  padding: 8px 4px 8px 12px;
+  padding: 8px 4px 10px 12px;
 }
 .e-bigger .e-grid .e-groupheadercell .e-ungroupbutton,
 .e-grid.e-bigger .e-groupheadercell .e-ungroupbutton {
@@ -1321,11 +1325,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -7px;
   margin-top: -1px;
   margin-right: 8px;
+  padding-top: 8px;
 }
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: -1px;
+  margin-left: -4px;
+}
+.e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
+  margin-left: 7px;
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
@@ -1335,10 +1345,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -13px;
+  margin-left: -9px;
   margin-right: -15px;
-  margin-top: 6px;
-  padding-top: 0;
+  margin-top: 3px;
+  padding-top: 4px;
   padding-left: 12px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2384,10 +2394,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -2627,12 +2640,12 @@ li.e-separator.e-menu-item.e-excel-separator {
   height: 24px;
   margin: 13px 0 0 8px;
   overflow: hidden;
-  padding: 3px 0;
+  padding: 0;
   vertical-align: middle;
 }
 .e-grid .e-groupheadercell:hover {
   border: 1px;
-  padding: 3px 0;
+  padding: 0;
 }
 .e-grid .e-groupheadercell span {
   display: inline-block;
@@ -2644,6 +2657,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-groupheadercell .e-grouptext {
   line-height: 19px;
+  padding-top: 3px;
 }
 .e-grid .e-groupheadercell .e-ungroupbutton {
   font-size: 10px;
@@ -2669,12 +2683,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-groupsort {
   margin-right: 0;
-  margin-top: -3px;
+  margin-top: 0;
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
-  margin-top: 1px;
+  margin-top: 0;
   padding-right: 8px;
+  padding-top: 4px;
 }
 .e-grid .e-grptogglebtn {
   padding: 7px;
@@ -3144,13 +3159,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
+  padding-top: 3px;
 }
 .e-grid.e-rtl .e-groupheadercell span {
   float: right;
-  padding: 8px 4px 8px 12px;
+  padding: 0 8px;
 }
 .e-grid.e-rtl.e-horizontallines .e-grouptopleftcell {
   border-top: 1px solid;
@@ -3247,9 +3263,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -10px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -12px;
-  padding-top: 0;
+  padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
@@ -3308,7 +3324,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-groupheadercell, .e-grid.e-rtl .e-groupheadercell:hover {
   margin-left: 0;
   margin-right: 8px;
-  padding: 3px 0;
+  padding: 0;
 }
 .e-grid.e-rtl .e-groupheadercell, .e-grid.e-rtl .e-groupheadercell:hover {
   float: right;
@@ -3387,7 +3403,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {
@@ -3542,7 +3558,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
-  padding: 8px 4px 8px 12px;
+  padding: 8px 4px 10px 8px;
 }
 
 .e-grid-min-height .e-rowcell {

package/styles/bootstrap5-dark.css

@@ -199,6 +199,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;
@@ -2399,10 +2403,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: -2px;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -2834,8 +2841,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-top: 2px;
 }
 .e-grid .e-row .e-input-group {
-  margin-bottom: 2px;
-  margin-top: 2px;
+  margin-bottom: 1px;
+  margin-top: 1px;
   vertical-align: middle;
 }
 .e-grid .e-defaultcell.e-ralign,
@@ -3159,7 +3166,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
 }
@@ -3402,7 +3409,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {

package/styles/bootstrap5.css

@@ -199,6 +199,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;
@@ -2399,10 +2403,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: -2px;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -2834,8 +2841,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-top: 2px;
 }
 .e-grid .e-row .e-input-group {
-  margin-bottom: 2px;
-  margin-top: 2px;
+  margin-bottom: 1px;
+  margin-top: 1px;
   vertical-align: middle;
 }
 .e-grid .e-defaultcell.e-ralign,
@@ -3159,7 +3166,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
 }
@@ -3402,7 +3409,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {

package/styles/excel-filter/bootstrap-dark.css

@@ -155,6 +155,10 @@
   padding: 15px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/bootstrap.css

@@ -155,6 +155,10 @@
   padding: 15px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/bootstrap4.css

@@ -197,6 +197,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/bootstrap5-dark.css

@@ -199,6 +199,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/bootstrap5.css

@@ -199,6 +199,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/fabric-dark.css

@@ -131,6 +131,10 @@
   padding: 28px 25px 10px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/fabric.css

@@ -124,6 +124,10 @@
   padding: 28px 25px 10px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/fluent-dark.css

@@ -179,6 +179,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/fluent.css

@@ -179,6 +179,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/highcontrast-light.css

@@ -128,6 +128,10 @@
   padding: 28px 25px 10px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/highcontrast.css

@@ -128,6 +128,10 @@
   padding: 28px 25px 10px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/material-dark.css

@@ -163,6 +163,10 @@
   padding: 18px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/material.css

@@ -196,6 +196,10 @@
   padding: 18px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/tailwind-dark.css

@@ -148,6 +148,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/excel-filter/tailwind.css

@@ -148,6 +148,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;

package/styles/fabric-dark.css

@@ -131,6 +131,10 @@
   padding: 28px 25px 10px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;
@@ -2310,10 +2314,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 21px;
   position: relative;
   top: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -3070,7 +3077,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 1px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 8px;
 }
@@ -3313,7 +3320,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {