@syncfusion/ej2-react-spreadsheet 19.4.40 → 19.4.47

package/CHANGELOG.md

@@ -4,6 +4,48 @@
 
 ### Spreadsheet
 
+#### Bug Fixes
+
+- `SF-354173`, `SF-360223`, `SF-360057` - Selection misalignment and script error on undo operation after resize the row.
+- `SF-360109` - While copy paste the merge cell with all borders, the left border is missing in pasted cell.
+- `SF-360465, SF-360473` - Undo action for deleted column which is before the viewport area causes script error and selection misalignment issue resolved.
+- `SF-356947` - Row height not proper while applying larger font size when row set as custom height issue resolved.
+
+## 19.4.42 (2022-01-11)
+
+### Spreadsheet
+
+#### Bug Fixes
+
+- `SF-360112` - Script error occurs on continuous undo and redo operation for filtering action issue resolved.
+- `SF-361036`, `SF-361123` - Copy paste is not working properly on filtered rows issue has been fixed.
+- `SF-360222` - Sorting is not working properly after undo issue has been fixed.
+- `SF-352381` - Data not rendered properly on horizontal scrolling in finite mode issue resolved.
+- `F171297` - Importing excel file contains conditional formatting with formula throws script error issue has been fixed.
+- `SF-359221` - Insert row not working properly while virtual scrolling is disabled issue is fixed.
+
+## 19.4.41 (2022-01-04)
+
+### Spreadsheet
+
+#### Bug Fixes
+
+- `SF-360492` - Row height issue after performing undo operation has been resolved.
+- `SF-353871` - Cell alignment issue while copy paste merge cell issue is fixed.
+- `I349145`, `I347733` - Script error throws while set the height to hidden rows is resolved.
+- `SF-360109` - Bottom border missing while paste merge applied cell issue fixed.
+- `SF-354314` - External pasting formula cell which lies below the viewport not working issue has been fixed.
+- `SF-354314` - Performance issue on copying large cells which contains custom number format has been fixed.
+- `SF-359382` - Color applied for empty cell if less than condition value is in negative in conditional formatting issue has been fixed.
+- `SF-359673` - Find and replace is not working after scrolling to bottom in finite mode issue has been fixed.
+- `SF-357076`, `SF-360051` - If the column, row and select-all selection range contains a filtered range then, the sorting is applied to its filtered range.
+- `SF-358133` - cell save event arguments are not proper for cut / paste action issue resolved.
+- `SF-360303` - Selection issue while pasting the multiline character contained text in cell editing mode is resolved.
+
+## 19.4.40 (2021-12-28)
+
+### Spreadsheet
+
 #### New Features
 
 - `I345022` - Alphanumeric support provided for autofill operation.
@@ -25,6 +67,7 @@
 - `I346033` - Text formula is not working with `ddd` format issue has been fixed.
 - `I346033` - Adding some value to multiplied range which contains empty cell issue has been fixed.
 - `I321503` - Cell selection issue after scrolling on imported sheet has been fixed.
+- `SF-358418` - Image resize option problem has been fixed.
 
 ## 19.4.38 (2021-12-17)
 

package/README.md

@@ -84,4 +84,4 @@ Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-
 
 Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/spreadsheet/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
 
-© Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-spreadsheet.umd.min.js
-*  version : 19.4.40
+*  version : 19.4.47
 *  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-spreadsheet@*",
-  "_id": "@syncfusion/ej2-react-spreadsheet@19.4.38",
+  "_id": "@syncfusion/ej2-react-spreadsheet@19.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-ns796L0hCynhnHGOFP2asZ1uH0dvOBeY20jOCgsLv/bKoxubmAAr8+uNZPpJBdFVAO4TszKefqAzkKODnzyBfQ==",
+  "_integrity": "sha512-lGPHMhGJImxjJ0Q9wEt+ny+eYuw/BKGND1i0msiS+VuleOZO5RaB72nso73O1B2oDFZHpic1ShuYL7U99K2LYw==",
   "_location": "/@syncfusion/ej2-react-spreadsheet",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-spreadsheet/-/ej2-react-spreadsheet-19.4.38.tgz",
-  "_shasum": "30cc4ddd716b54ff38287d8262b50e126b0f4520",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-spreadsheet/-/ej2-react-spreadsheet-19.4.42.tgz",
+  "_shasum": "9d008951a2059ba0f520f1c758b28eac9d0d66d0",
   "_spec": "@syncfusion/ej2-react-spreadsheet@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.38",
-    "@syncfusion/ej2-react-base": "~19.4.38",
-    "@syncfusion/ej2-spreadsheet": "19.4.40"
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-react-base": "~19.4.47",
+    "@syncfusion/ej2-spreadsheet": "19.4.47"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for React",
@@ -65,6 +65,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "19.4.40",
+  "version": "19.4.47",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1313,8 +1313,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0070f0;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1331,8 +1331,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0070f0;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2463,9 +2463,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/bootstrap.css

@@ -1320,8 +1320,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #317ab9;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1338,8 +1338,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #317ab9;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2493,9 +2493,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/bootstrap4.css

@@ -1356,8 +1356,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #007bff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1374,8 +1374,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #007bff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2540,9 +2540,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/bootstrap5-dark.css

@@ -68,7 +68,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1357,8 +1356,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1375,8 +1374,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2502,9 +2501,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/bootstrap5.css

@@ -68,7 +68,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1357,8 +1356,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1375,8 +1374,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2502,9 +2501,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/fabric-dark.css

@@ -1287,8 +1287,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0074cc;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1305,8 +1305,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0074cc;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2441,9 +2441,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/fabric.css

@@ -1290,8 +1290,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0078d6;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1308,8 +1308,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0078d6;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2451,9 +2451,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/highcontrast-light.css

@@ -613,8 +613,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #400074;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -631,8 +631,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #400074;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -1763,9 +1763,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/highcontrast.css

@@ -1303,8 +1303,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #685708;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1321,8 +1321,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #685708;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2465,9 +2465,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/material-dark.css

@@ -1339,8 +1339,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #00b0ff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1357,8 +1357,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #00b0ff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2488,12 +2488,13 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;
+  bottom: .5px;
+  right: .5px;
 }
 
 .e-colorpicker-wrapper.e-border-colorpicker {

package/styles/material.css

@@ -1366,8 +1366,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #e3165b;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1384,8 +1384,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #e3165b;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2529,12 +2529,13 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;
+  bottom: .5px;
+  right: .5px;
 }
 
 .e-colorpicker-wrapper.e-border-colorpicker {

package/styles/spreadsheet/bootstrap-dark.css

@@ -1313,8 +1313,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0070f0;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1331,8 +1331,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0070f0;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2463,9 +2463,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/bootstrap.css

@@ -1320,8 +1320,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #317ab9;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1338,8 +1338,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #317ab9;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2493,9 +2493,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/bootstrap4.css

@@ -1356,8 +1356,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #007bff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1374,8 +1374,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #007bff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2540,9 +2540,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/bootstrap5-dark.css

@@ -68,7 +68,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1357,8 +1356,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1375,8 +1374,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2502,9 +2501,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/bootstrap5.css

@@ -68,7 +68,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1357,8 +1356,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1375,8 +1374,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2502,9 +2501,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/fabric-dark.css

@@ -1287,8 +1287,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0074cc;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1305,8 +1305,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0074cc;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2441,9 +2441,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/fabric.css

@@ -1290,8 +1290,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0078d6;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1308,8 +1308,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0078d6;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2451,9 +2451,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/highcontrast-light.css

@@ -613,8 +613,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #400074;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -631,8 +631,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #400074;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -1763,9 +1763,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/highcontrast.css

@@ -1303,8 +1303,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #685708;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1321,8 +1321,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #685708;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2465,9 +2465,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/material-dark.css

@@ -1339,8 +1339,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #00b0ff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1357,8 +1357,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #00b0ff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2488,12 +2488,13 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;
+  bottom: .5px;
+  right: .5px;
 }
 
 .e-colorpicker-wrapper.e-border-colorpicker {

package/styles/spreadsheet/material.css

@@ -1366,8 +1366,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #e3165b;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1384,8 +1384,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #e3165b;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2529,12 +2529,13 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;
+  bottom: .5px;
+  right: .5px;
 }
 
 .e-colorpicker-wrapper.e-border-colorpicker {

package/styles/spreadsheet/tailwind-dark.css

@@ -1389,8 +1389,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #22d3ee;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1407,8 +1407,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #22d3ee;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2561,9 +2561,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/tailwind.css

@@ -1389,8 +1389,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #4f46e5;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1407,8 +1407,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #4f46e5;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2561,9 +2561,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/tailwind-dark.css

@@ -1390,8 +1390,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #22d3ee;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1408,8 +1408,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #22d3ee;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2562,9 +2562,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/tailwind.css

@@ -1390,8 +1390,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #4f46e5;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1408,8 +1408,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #4f46e5;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2562,9 +2562,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;