@syncfusion/ej2-react-grids 20.4.43 → 20.4.48

package/CHANGELOG.md

@@ -6,6 +6,29 @@
 
 #### Bug Fixes
 
+- `#I425349` - Grid toolbar template item focus issue has been fixed.
+- `#I413517` - Column menu pop-up is not properly shown with sticky header issue has been fixed.
+- `#I426775` - Template items disappear on edit action issue has been fixed.
+
+## 20.4.44 (2023-01-18)
+
+### Grid
+
+#### Bug Fixes
+
+- `#I427528` - First column missing highlight when tabbing into grid issue has been fixed.
+- `#I427309` - API document has wrong information issue has been fixed.
+- `#I423348` - Autofit on the columns is not work as expected in the frozen grid has been fixed.
+- `#I419759` - Column Reordering is not working fine with Frozen column and hidden columns has been fixed.
+- `#I416705` - Alignment issue with row drag and drop and frozen columns in stacked headers has been fixed.
+- `#I424387` - Misalignment has been fixed when applying auto-fit for frozen columns with `allowtextwrap`.
+
+## 20.4.43 (2023-01-10)
+
+### Grid
+
+#### Bug Fixes
+
 - `#I425228` - Exception is thrown when exporting the grid with custom aggregate issue has been fixed.
 - `#F179549` - `colSpan` is not working with Frozen Grid issue has been fixed.
 - `#I428130` - Group indent cell width is not properly set has been fixed.
@@ -169,7 +192,7 @@
 - `#SF-362860` - Last column header cell border issue has been fixed.
 - `#SF-357202` - Wrong operator while filtering with Excel filter search box is fixed.
 - `#SF-362140` - Script error while selecting the row with `virtualization` issue has been fixed.
-- `#FB-31236` -  Multi-column sorting missing sort number indicators issue has been fixed.
+- `#FB-31236` - Multi-column sorting missing sort number indicators issue has been fixed.
 - `#FB-31556` - Row Height misalignment when show/hide the template column with frozen Grid is fixed.
 - `#F171116` - Border is not apply properly in the Excel exporting has been fixed.
 
@@ -212,7 +235,7 @@
 
 #### Bug Fixes
 
-- `#I345910` - Sticky header not working when group drop area  is hidden has been fixed.
+- `#I345910` - Sticky header not working when group drop area is hidden has been fixed.
 - `#I357254` - Outline is displayed in excel export has been fixed.
 - `#FB30729` - Filter dialog position issue when enable virtual scrolling is fixed.
 - `#I356122` - `actionComplete` event is trigger after row reorder is performed has been fixed.
@@ -428,7 +451,7 @@
 
 #### Bug Fixes
 
-- `#F167053` - Border misalignment when  adding a row in bottom has been fixed.
+- `#F167053` - Border misalignment when adding a row in bottom has been fixed.
 - `#I336216` - Cell Selection with box mode is not working properly after filtering, has been fixed.
 - `#I336097, #I335284` - Virtualization Grid in flex container produce blank space issue has been fixed.
 
@@ -515,7 +538,7 @@
 - `#I329350` - Immutable mode doesn’t work for date values issue has been fixed.
 - `#I329350` - Update the reordered data in immutable mode re-renders multiple rows issue has been fixed.
 - `#I327293` - CPU takes more usage when export the hierarchy grid issue has been fixed.
-- `#FB25510` -  Throws script error While grouping the complex columns is fixed.
+- `#FB25510` - Throws script error While grouping the complex columns is fixed.
 
 ## 19.1.67 (2021-06-08)
 
@@ -537,7 +560,7 @@
 - `#I326727` - Column resize issue with frozen right/left and aggregate has been resolved.
 - `#I327237` - Empty row appears while hiding/showing columns in `virtualized` grouping grid, has been fixed.
 - `#I299221` - Frozen part refresh issue with template column has been resolved.
-- `#I311142` -  Provided internal event to handle queries on custom `ExcelFilter` dataSource.
+- `#I311142` - Provided internal event to handle queries on custom `ExcelFilter` dataSource.
 
 ## 19.1.65 (2021-05-25)
 
@@ -1135,7 +1158,7 @@
 
 #### Bug Fixes
 
-- `#279922, #280077` -  Scrollbar when clicking `childgrid` summary row, issue has been fixed.
+- `#279922, #280077` - Scrollbar when clicking `childgrid` summary row, issue has been fixed.
 
 ## 18.1.57 (2020-06-16)
 
@@ -1239,7 +1262,7 @@
 
 - `#269945, #271023` - `editTemplate` element events are not triggered for movable content.
 - `#273042` - grouping after restoring the persist data issue has been resolved.
-- `#273483, #275002, #275153` -  `actionfailure` event error message issue has been fixed.
+- `#273483, #275002, #275153` - `actionfailure` event error message issue has been fixed.
 - `#273238` - Missing of `headerText` property in the template data has been fixed.
 - `#266631` - Hidden column headers in Grid did not reflect in pdf export while using `includeHiddenColumn` issue has been fixed.
 - `#271911` - column template in angular after print issue has been resolved.
@@ -1284,7 +1307,7 @@
 
 #### Bug Fixes
 
-- `#271625, #272096` -  Frozen Grid cell selection issue has been fixed.
+- `#271625, #272096` - Frozen Grid cell selection issue has been fixed.
 - `#271625` - Grid resize cursor issue with stacked header has been fixed.
 - `#271240` - Batch editing `cellSaved` event after escape key issue has been fixed.
 - `#260390` - Header misalignment in auto wrap enabled Grid with frozen columns has been fixed.
@@ -1486,7 +1509,7 @@
 - `#254164` - Support for `FilterItemTemplate` function like as `ValueAccessor` is given.
 - `#253705` - `Ctrl+A` in Grid does not select the last record in Batch mode issue has been fixed.
 - `#253106` - Error thrown on using `setCellValue` method when row drag and drop is enabled issue has been fixed.
-- `#253398` - Frozen header height discrepancy when setting `rowHeight` and `allowTextWrap`  property issue has been fixed.
+- `#253398` - Frozen header height discrepancy when setting `rowHeight` and `allowTextWrap` property issue has been fixed.
 - `#252923` - Grid footer element is invisible while dynamically bind the Grid dataSource issue has been fixed.
 - `#253614` - Changed the scope of the `filterOperator` variable as public.
 
@@ -1520,7 +1543,7 @@
 
 #### Breaking Changes
 
-- Now `disableHtmlEncode` default value  is set to true, so the HTML tags can be displayed in the Grid header and content by default, so to display it as html content `disableHtmlEncode` need to be set as false.
+- Now `disableHtmlEncode` default value is set to true, so the HTML tags can be displayed in the Grid header and content by default, so to display it as html content `disableHtmlEncode` need to be set as false.
 
 ## 17.3.21 (2019-10-30)
 
@@ -1717,7 +1740,7 @@
 
 #### Bug Fixes
 
-- `#237403` -  Footer template shows proper result when using both group footer and footer template in exported excel document.
+- `#237403` - Footer template shows proper result when using both group footer and footer template in exported excel document.
 - `#232272` - `RemoteSaveAdaptor` batch changes are now refreshed properly in grid when `ContractResolver` set to `DefaultContractResolver`.
 - `#236337, #234622` - Child grid data is now successfully loads with query property in the `url` adaptor.
 - `#236011` - Selection `api` example is now working properly in the sample browser.
@@ -1727,7 +1750,7 @@
 
 #### Breaking Changes
 
-- Now in dialog and inline template editing, the element name for complex fields should be given with triple underscore instead of single underscore.  This change has been made as underscore is valid identifier in DB field names.
+- Now in dialog and inline template editing, the element name for complex fields should be given with triple underscore instead of single underscore. This change has been made as underscore is valid identifier in DB field names.
 
 ## 17.2.28-beta (2019-06-27)
 
@@ -2447,7 +2470,7 @@ Interface changed for `PdfExportProperties`
 #### Bug Fixes
 
 - Column properties is not persisted after reordering columns resolved.
-- `args.cancel`  has included in `rowSelecting` event while select the rows through method and user interaction.
+- `args.cancel` has included in `rowSelecting` event while select the rows through method and user interaction.
 
 ## 16.1.29 (2018-03-13)
 
@@ -2455,7 +2478,7 @@ Interface changed for `PdfExportProperties`
 
 #### Bug Fixes
 
-- `args.cancel`  has included in `rowSelecting` event.
+- `args.cancel` has included in `rowSelecting` event.
 - Dynamically changing filter settings does not update `Filterbar` value and filter status message is resolved.
 - Batch edit should close on clicking outside grid and on pressing enter or tab key is resolved.
 - `updateRow` method is provided for Normal editing and Dialog editing.
@@ -2673,7 +2696,7 @@ Grid component is used to display and manipulate tabular data with configuration
 - **Sorting and grouping** - Supports n levels of sorting and grouping.
 - **Selection** - Provides the option to select the grid rows single or multiple.
 - **Filtering** - Offers filter bar or menu , or checkbox at each column to filter data.
-- **Editing** -  Provides the options to dynamically insert, delete and update records.
+- **Editing** - Provides the options to dynamically insert, delete and update records.
 - **Virtualization** - Provides the options to load large amount of data without performance degradation.
 - **Aggregates** - Provides built in types are sum , average, min, max, count.
 - **Paging** - Provides the option to easily switch between pages using the pager bar.

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

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.umd.min.js
-*  version : 20.4.43
+*  version : 20.4.48
 *  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@20.4.42",
+  "_id": "@syncfusion/ej2-react-grids@20.4.43",
   "_inBundle": false,
-  "_integrity": "sha512-S3JQzRxa69IFUJAUssgz6lZyrgyr9lWkzXYEHEb4CP/WxxCngt2m9VeRatS1s23LmQ65FLnqf2pNIF9MdwhYZw==",
+  "_integrity": "sha512-zGaSZpNcwgyLG7/OPNdb0IOeKsFHps/bczs2uYQbqGGGUYQ1zf3PNZ+lEtJy4iPPjM+5QPzkuER4U0ObSHWQ0A==",
   "_location": "/@syncfusion/ej2-react-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-20.4.42.tgz",
-  "_shasum": "745da8b153898ef44a2cdfd24b1d314397e4ab3e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-20.4.43.tgz",
+  "_shasum": "04c669f7a70f0a996a22d551d44f38347b71069e",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.42",
-    "@syncfusion/ej2-grids": "20.4.43",
-    "@syncfusion/ej2-react-base": "~20.4.42"
+    "@syncfusion/ej2-base": "~20.4.48",
+    "@syncfusion/ej2-grids": "20.4.48",
+    "@syncfusion/ej2-react-base": "~20.4.48"
   },
   "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",
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.4.43",
+  "version": "20.4.48",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -2520,7 +2520,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2.5px;
   margin-top: -6.5px;
@@ -3490,9 +3492,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -0.5px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3533,6 +3541,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/bootstrap.css

@@ -2521,7 +2521,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2.5px;
   margin-top: -6.5px;
@@ -3491,9 +3493,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -0.5px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3534,6 +3542,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/bootstrap4.css

@@ -2580,7 +2580,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 12px;
   margin-left: -3.5px;
   margin-top: -7.5px;
@@ -3553,9 +3555,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -3px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -3px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3596,6 +3604,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/bootstrap5-dark.css

@@ -2587,7 +2587,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -3px;
   margin-top: -7px;
@@ -3557,9 +3559,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -2px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3600,6 +3608,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/bootstrap5.css

@@ -2587,7 +2587,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -3px;
   margin-top: -7px;
@@ -3557,9 +3559,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -2px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3600,6 +3608,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/fabric-dark.css

@@ -2494,7 +2494,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 8px;
   margin-left: -1.5px;
   margin-top: -4.5px;
@@ -3464,9 +3466,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: 1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3507,6 +3515,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/fabric.css

@@ -2487,7 +2487,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 8px;
   margin-left: -1.5px;
   margin-top: -4.5px;
@@ -3457,9 +3459,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: 1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3500,6 +3508,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/fluent-dark.css

@@ -2596,7 +2596,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2px;
   margin-top: -6.5px;
@@ -3570,9 +3572,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3613,6 +3621,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/fluent.css

@@ -2596,7 +2596,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2px;
   margin-top: -6.5px;
@@ -3570,9 +3572,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3613,6 +3621,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/grid/bootstrap-dark.css

@@ -2108,7 +2108,9 @@
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2.5px;
   margin-top: -6.5px;
@@ -3078,9 +3080,15 @@
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -0.5px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3121,6 +3129,10 @@
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/grid/bootstrap.css

@@ -2109,7 +2109,9 @@
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2.5px;
   margin-top: -6.5px;
@@ -3079,9 +3081,15 @@
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -0.5px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3122,6 +3130,10 @@
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,