@syncfusion/ej2-angular-grids 23.2.4-ngcc → 23.2.6-ngcc

package/CHANGELOG.md

@@ -6,6 +6,27 @@
 
 #### Bug fixes
 
+- `#I517762` - Resolved the issue with paste functionality of the Grid on Mac devices.
+- `#I520019` - The filter dialog `popup` is closed when no records are found during the search and press Enter key has been fixed.
+- `#I514004` - Fixed an issue with the space between the arrow in the tooltip and the content.
+- `#I511050` - Error thrown while sorting columns after filtering has been resolved.
+- `#I464878` - The issue where the focus style for checkbox items was not applying to the spreadsheet component has been resolved.
+- `#F185039` - Resolved a problem where the grid would not display all records when the filter was cleared.
+- `#I513685` - Aria-label for `SelectAllCheckbox` is now descriptive for accessibility.
+
+- `#I517762` - Resolved the issue with paste functionality of the Grid on Mac devices.
+- `#I514004` - Fixed an issue with the space between the arrow in the tooltip and the content.
+- `#I511050` - Error thrown while sorting columns after filtering has been resolved.
+- `#I464878` - The issue where the focus style for checkbox items was not applying to the spreadsheet component has been resolved.
+- `#F185039` - Resolved a problem where the grid would not display all records when the filter was cleared.
+- `#I513685` - Aria-label for `SelectAllCheckbox` is now descriptive for accessibility.
+
+## 23.2.4 (2023-11-20)
+
+### Grid
+
+#### Bug fixes
+
 - `#I508354` - Cell selection is now working fine with row drag and drop.
 
 ## 23.1.44 (2023-11-07)

package/dist/ej2-angular-grids.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.js
-*  version : 23.2.4
+*  version : 23.2.6
 *  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/dist/ej2-angular-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.min.js
-*  version : 23.2.4
+*  version : 23.2.6
 *  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-angular-grids@*",
-  "_id": "@syncfusion/ej2-angular-grids@23.1.44",
+  "_id": "@syncfusion/ej2-angular-grids@23.2.4",
   "_inBundle": false,
-  "_integrity": "sha512-VuQCMIldt5Sj06YvQxkgaFFi1db5cjdprlWTBWEYy4BDfSqFrhf+b/Sfa71ytu22Qb+RhpkF/pnAShucMeHxpA==",
+  "_integrity": "sha512-ANF3/Nakc+BON1twDTh3kyBCUCUO6FKCc2KlsBOg97iXFtQDvYjxbsnv6vGSVlMec+7KH8ubFfV53Gs72ynVlQ==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-23.1.44.tgz",
-  "_shasum": "6b29ff6576ca5da8c1c374b45018922e0de42bfa",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-23.2.4.tgz",
+  "_shasum": "26c5f8d73289e0883e5007100e6723591cdda1ae",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~23.2.4",
-    "@syncfusion/ej2-base": "~23.2.4",
-    "@syncfusion/ej2-grids": "23.2.4"
+    "@syncfusion/ej2-angular-base": "~23.2.5",
+    "@syncfusion/ej2-base": "~23.2.6",
+    "@syncfusion/ej2-grids": "23.2.6"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Angular",
@@ -58,5 +58,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-grids.d.ts",
-  "version": "23.2.4-ngcc"
+  "version": "23.2.6-ngcc"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-grids";
-export declare const pkgVer = "^23.1.44";
+export declare const pkgVer = "^23.2.4";
 export declare const moduleName = "GridModule, PagerModule";
-export declare const themeVer = "~23.1.44";
+export declare const themeVer = "~23.2.4";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-grids';
-exports.pkgVer = '^23.2.4';
+exports.pkgVer = '^23.2.6';
 exports.moduleName = 'GridModule, PagerModule';
-exports.themeVer = '~23.2.4';
+exports.themeVer = '~23.2.6';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-grids';
-export const pkgVer = '^23.2.4';
+export const pkgVer = '^23.2.6';
 export const moduleName = 'GridModule, PagerModule';
-export const themeVer = '~23.2.4';
+export const themeVer = '~23.2.6';

package/styles/bootstrap-dark.css

@@ -2917,6 +2917,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5052,6 +5053,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #393939;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #393939;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/bootstrap.css

@@ -2918,6 +2918,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5053,6 +5054,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f5f5f5;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f5f5f5;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/bootstrap4.css

@@ -2989,6 +2989,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5140,6 +5141,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: rgba(0, 0, 0, 0.08);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/bootstrap5-dark.css

@@ -2982,6 +2982,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5132,6 +5133,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #31373d;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #31373d;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fadfe2;

package/styles/bootstrap5.css

@@ -2982,6 +2982,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5132,6 +5133,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #eff1f4;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #eff1f4;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #f8d7da;

package/styles/fabric-dark.css

@@ -2891,6 +2891,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5026,6 +5027,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #414040;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #414040;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/fabric.css

@@ -2884,6 +2884,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5019,6 +5020,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f4f4f4;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f4f4f4;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/fluent-dark.css

@@ -2990,6 +2990,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4195,6 +4196,12 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-bottom: 0;
 }
 
+.e-bigger.e-grid.sf-grid.e-row-responsive .e-gridcontent td::before, .e-bigger.e-grid.sf-grid.e-row-responsive .e-summarycontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-gridcontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-summarycontent td::before {
+  overflow: hidden;
+}
+
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
@@ -5164,6 +5171,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #252423;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #252423;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fed9cc;

package/styles/fluent.css

@@ -2990,6 +2990,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4195,6 +4196,12 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-bottom: 0;
 }
 
+.e-bigger.e-grid.sf-grid.e-row-responsive .e-gridcontent td::before, .e-bigger.e-grid.sf-grid.e-row-responsive .e-summarycontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-gridcontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-summarycontent td::before {
+  overflow: hidden;
+}
+
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
@@ -5164,6 +5171,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f3f2f1;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f3f2f1;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fed9cc;

package/styles/grid/bootstrap-dark.css

@@ -2493,6 +2493,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4628,6 +4629,10 @@
   background-color: #393939;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #393939;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/grid/bootstrap.css

@@ -2494,6 +2494,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4629,6 +4630,10 @@
   background-color: #f5f5f5;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f5f5f5;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/grid/bootstrap4.css

@@ -2554,6 +2554,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4705,6 +4706,10 @@
   background-color: rgba(0, 0, 0, 0.08);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/grid/bootstrap5-dark.css

@@ -2555,6 +2555,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4705,6 +4706,10 @@
   background-color: #31373d;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #31373d;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fadfe2;

package/styles/grid/bootstrap5.css

@@ -2555,6 +2555,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4705,6 +4706,10 @@
   background-color: #eff1f4;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #eff1f4;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #f8d7da;

package/styles/grid/fabric-dark.css

@@ -2467,6 +2467,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4602,6 +4603,10 @@
   background-color: #414040;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #414040;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/grid/fabric.css

@@ -2460,6 +2460,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4595,6 +4596,10 @@
   background-color: #f4f4f4;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f4f4f4;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/grid/fluent-dark.css

@@ -2563,6 +2563,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3768,6 +3769,12 @@
   padding-bottom: 0;
 }
 
+.e-bigger.e-grid.sf-grid.e-row-responsive .e-gridcontent td::before, .e-bigger.e-grid.sf-grid.e-row-responsive .e-summarycontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-gridcontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-summarycontent td::before {
+  overflow: hidden;
+}
+
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
@@ -4737,6 +4744,10 @@
   background-color: #252423;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #252423;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fed9cc;

package/styles/grid/fluent.css

@@ -2563,6 +2563,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3768,6 +3769,12 @@
   padding-bottom: 0;
 }
 
+.e-bigger.e-grid.sf-grid.e-row-responsive .e-gridcontent td::before, .e-bigger.e-grid.sf-grid.e-row-responsive .e-summarycontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-gridcontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-summarycontent td::before {
+  overflow: hidden;
+}
+
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
@@ -4737,6 +4744,10 @@
   background-color: #f3f2f1;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f3f2f1;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fed9cc;

package/styles/grid/highcontrast-light.css

@@ -2464,6 +2464,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4599,6 +4600,10 @@
   background-color: #ecf;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #ecf;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #b30900;

package/styles/grid/highcontrast.css

@@ -2464,6 +2464,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4599,6 +4600,10 @@
   background-color: #685708;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #685708;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #b30900;

package/styles/grid/material-dark.css

@@ -2507,6 +2507,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4642,6 +4643,10 @@
   background-color: rgb(89, 86, 86);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgb(89, 86, 86);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/grid/material.css

@@ -2541,6 +2541,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4676,6 +4677,10 @@
   background-color: #eee;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #eee;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/grid/material3-dark.css

@@ -2761,6 +2761,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4947,6 +4948,10 @@
   background-color: rgba(var(--color-sf-on-surface), 0.05);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(var(--color-sf-on-surface), 0.05);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: rgba(var(--color-sf-error-container));

package/styles/grid/material3.css

@@ -2817,6 +2817,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5003,6 +5004,10 @@
   background-color: rgba(var(--color-sf-on-surface), 0.05);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(var(--color-sf-on-surface), 0.05);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: rgba(var(--color-sf-error-container));

package/styles/grid/tailwind-dark.css

@@ -2570,6 +2570,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4723,6 +4724,10 @@
   background-color: #4b5563;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #4b5563;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fee2e2;

package/styles/grid/tailwind.css

@@ -2570,6 +2570,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4723,6 +4724,10 @@
   background-color: #f3f4f6;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f3f4f6;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fee2e2;

package/styles/highcontrast-light.css

@@ -2888,6 +2888,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5023,6 +5024,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #ecf;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #ecf;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #b30900;

package/styles/highcontrast.css

@@ -2888,6 +2888,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5023,6 +5024,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #685708;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #685708;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #b30900;

package/styles/material-dark.css

@@ -2937,6 +2937,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5072,6 +5073,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: rgb(89, 86, 86);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgb(89, 86, 86);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/material.css

@@ -2979,6 +2979,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5114,6 +5115,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #eee;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #eee;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/material3-dark.css

@@ -3291,6 +3291,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5477,6 +5478,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: rgba(var(--color-sf-on-surface), 0.05);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(var(--color-sf-on-surface), 0.05);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: rgba(var(--color-sf-error-container));

package/styles/material3.css

@@ -3403,6 +3403,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5589,6 +5590,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: rgba(var(--color-sf-on-surface), 0.05);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(var(--color-sf-on-surface), 0.05);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: rgba(var(--color-sf-error-container));

package/styles/tailwind-dark.css

@@ -2997,6 +2997,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5150,6 +5151,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #4b5563;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #4b5563;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fee2e2;

package/styles/tailwind.css

@@ -2997,6 +2997,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5150,6 +5151,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f3f4f6;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f3f4f6;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fee2e2;