handsontable 0.0.0-next-21d91d0-20231025 → 0.0.0-next-50e428d-20231026

package/helpers/mixed.js

@@ -134,7 +134,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-21d91d0-20231025";
+  const hotVersion = "0.0.0-next-50e428d-20231026";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/helpers/mixed.mjs

@@ -124,7 +124,7 @@ const domMessages = {
 export function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-21d91d0-20231025";
+  const hotVersion = "0.0.0-next-50e428d-20231026";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-21d91d0-20231025",
+  "version": "0.0.0-next-50e428d-20231026",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/pluginHooks.d.ts

@@ -168,6 +168,7 @@ export interface Events {
   beforeColumnMove?: (movedColumns: number[], finalIndex: number, dropIndex: number | undefined, movePossible: boolean) => void | boolean;
   beforeColumnResize?: (newSize: number, column: number, isDoubleClick: boolean) => void | number;
   beforeColumnSort?: (currentSortConfig: ColumnSortingConfig[], destinationSortConfigs: ColumnSortingConfig[]) => void | boolean;
+  beforeColumnWrap?: (isAutoWrapEnabled: boolean, newCoords: CellCoords, isColumnFlipped: boolean) => void;
   beforeColumnUnfreeze?: (columnIndex: number, isUnfreezingPerformed: boolean) => void | boolean;
   beforeContextMenuSetItems?: (menuItems: ContextMenuMenuItemConfig[]) => void;
   beforeContextMenuShow?: (context: ContextMenu) => void;
@@ -208,6 +209,7 @@ export interface Events {
   beforeRenderer?: (TD: HTMLTableCellElement, row: number, column: number, prop: string | number, value: CellValue, cellProperties: CellProperties) => void;
   beforeRowMove?: (movedRows: number[], finalIndex: number, dropIndex: number | undefined, movePossible: boolean) => void;
   beforeRowResize?: (newSize: number, row: number, isDoubleClick: boolean) => number | void;
+  beforeRowWrap?: (isAutoWrapEnabled: boolean, newCoords: CellCoords, isRowFlipped: boolean) => void;
   beforeSelectColumns?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;
   beforeSelectionHighlightSet?: () => void;
   beforeSelectRows?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;

package/pluginHooks.js

@@ -1202,6 +1202,38 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  *                           If set to `false`, the rendering gets triggered by scrolling or moving the selection.
  */
 'afterRender',
+/**
+ * When the focus position is moved to the next or previous row caused by the {@link Options#autoWrapRow} option
+ * the hook is triggered.
+ *
+ * @since 14.0.0
+ * @event Hooks#beforeRowWrap
+ * @param {boolean} isWrapEnabled Tells whether the row wrapping is going to happen.
+ * There may be situations where the option does not work even though it is enabled.
+ * This is due to the priority of other options that may block the feature.
+ * For example, when the {@link Options#minSpareCols} is defined, the {@link Options#autoWrapRow} option is not checked.
+ * Thus, row wrapping is off.
+ * @param {CellCoords} newCoords The new focus position.
+ * @param {boolean} isFlipped `true` if the row index was flipped, `false` otherwise.
+ * Flipped index means that the user reached the last row and the focus is moved to the first row or vice versa.
+ */
+'beforeRowWrap',
+/**
+ * When the focus position is moved to the next or previous column caused by the {@link Options#autoWrapCol} option
+ * the hook is triggered.
+ *
+ * @since 14.0.0
+ * @event Hooks#beforeColumnWrap
+ * @param {boolean} isWrapEnabled Tells whether the column wrapping is going to happen.
+ * There may be situations where the option does not work even though it is enabled.
+ * This is due to the priority of other options that may block the feature.
+ * For example, when the {@link Options#minSpareRows} is defined, the {@link Options#autoWrapCol} option is not checked.
+ * Thus, column wrapping is off.
+ * @param {CellCoords} newCoords The new focus position.
+ * @param {boolean} isFlipped `true` if the column index was flipped, `false` otherwise.
+ * Flipped index means that the user reached the last column and the focus is moved to the first column or vice versa.
+ */
+'beforeColumnWrap',
 /**
  * Fired before cell meta is changed.
  *

package/pluginHooks.mjs

@@ -1200,6 +1200,38 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  *                           If set to `false`, the rendering gets triggered by scrolling or moving the selection.
  */
 'afterRender',
+/**
+ * When the focus position is moved to the next or previous row caused by the {@link Options#autoWrapRow} option
+ * the hook is triggered.
+ *
+ * @since 14.0.0
+ * @event Hooks#beforeRowWrap
+ * @param {boolean} isWrapEnabled Tells whether the row wrapping is going to happen.
+ * There may be situations where the option does not work even though it is enabled.
+ * This is due to the priority of other options that may block the feature.
+ * For example, when the {@link Options#minSpareCols} is defined, the {@link Options#autoWrapRow} option is not checked.
+ * Thus, row wrapping is off.
+ * @param {CellCoords} newCoords The new focus position.
+ * @param {boolean} isFlipped `true` if the row index was flipped, `false` otherwise.
+ * Flipped index means that the user reached the last row and the focus is moved to the first row or vice versa.
+ */
+'beforeRowWrap',
+/**
+ * When the focus position is moved to the next or previous column caused by the {@link Options#autoWrapCol} option
+ * the hook is triggered.
+ *
+ * @since 14.0.0
+ * @event Hooks#beforeColumnWrap
+ * @param {boolean} isWrapEnabled Tells whether the column wrapping is going to happen.
+ * There may be situations where the option does not work even though it is enabled.
+ * This is due to the priority of other options that may block the feature.
+ * For example, when the {@link Options#minSpareRows} is defined, the {@link Options#autoWrapCol} option is not checked.
+ * Thus, column wrapping is off.
+ * @param {CellCoords} newCoords The new focus position.
+ * @param {boolean} isFlipped `true` if the column index was flipped, `false` otherwise.
+ * Flipped index means that the user reached the last column and the focus is moved to the first column or vice versa.
+ */
+'beforeColumnWrap',
 /**
  * Fired before cell meta is changed.
  *

package/plugins/contextMenu/contextMenu.js

@@ -153,7 +153,6 @@ class ContextMenu extends _base.BasePlugin {
   updatePlugin() {
     this.disablePlugin();
     this.enablePlugin();
-    this.unregisterShortcuts();
     super.updatePlugin();
   }
 
@@ -166,6 +165,7 @@ class ContextMenu extends _base.BasePlugin {
       this.menu.destroy();
       this.menu = null;
     }
+    this.unregisterShortcuts();
     super.disablePlugin();
   }
 

package/plugins/contextMenu/contextMenu.mjs

@@ -147,7 +147,6 @@ export class ContextMenu extends BasePlugin {
   updatePlugin() {
     this.disablePlugin();
     this.enablePlugin();
-    this.unregisterShortcuts();
     super.updatePlugin();
   }
 
@@ -160,6 +159,7 @@ export class ContextMenu extends BasePlugin {
       this.menu.destroy();
       this.menu = null;
     }
+    this.unregisterShortcuts();
     super.disablePlugin();
   }
 

package/selection/selection.js

@@ -172,6 +172,18 @@ class Selection {
       }
       return _this.runLocalHooks('insertColRequire', ...args);
     });
+    this.transformation.addLocalHook('beforeRowWrap', function () {
+      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+        args[_key7] = arguments[_key7];
+      }
+      return _this.runLocalHooks('beforeRowWrap', ...args);
+    });
+    this.transformation.addLocalHook('beforeColumnWrap', function () {
+      for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+        args[_key8] = arguments[_key8];
+      }
+      return _this.runLocalHooks('beforeColumnWrap', ...args);
+    });
   }
 
   /**

package/selection/selection.mjs

@@ -166,6 +166,18 @@ class Selection {
       }
       return _this.runLocalHooks('insertColRequire', ...args);
     });
+    this.transformation.addLocalHook('beforeRowWrap', function () {
+      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+        args[_key7] = arguments[_key7];
+      }
+      return _this.runLocalHooks('beforeRowWrap', ...args);
+    });
+    this.transformation.addLocalHook('beforeColumnWrap', function () {
+      for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+        args[_key8] = arguments[_key8];
+      }
+      return _this.runLocalHooks('beforeColumnWrap', ...args);
+    });
   }
 
   /**

package/selection/transformation.js

@@ -50,7 +50,7 @@ class Transformation {
      * Translates the visual coordinates to zero-based ones.
      *
      * @param {CellCoords} visualCoords The visual coords to process.
-     * @returns {{x: number, y: number}}
+     * @returns {CellCoords}
      */
     _classPrivateMethodInitSpec(this, _visualToZeroBasedCoords);
     /**
@@ -137,56 +137,60 @@ class Transformation {
         height
       } = _classPrivateMethodGet(this, _getTableSize, _getTableSize2).call(this);
       const {
-        x,
-        y
+        row,
+        col
       } = _classPrivateMethodGet(this, _visualToZeroBasedCoords, _visualToZeroBasedCoords2).call(this, visualCoords);
       const fixedRowsBottom = _classPrivateFieldGet(this, _options).fixedRowsBottom();
       const minSpareRows = _classPrivateFieldGet(this, _options).minSpareRows();
       const minSpareCols = _classPrivateFieldGet(this, _options).minSpareCols();
       const autoWrapRow = _classPrivateFieldGet(this, _options).autoWrapRow();
       const autoWrapCol = _classPrivateFieldGet(this, _options).autoWrapCol();
-      const rawCoords = {
-        row: y + delta.row,
-        col: x + delta.col
-      };
-      if (rawCoords.row >= height) {
-        if (createMissingRecords && minSpareRows > 0 && fixedRowsBottom === 0) {
+      const zeroBasedCoords = _classPrivateFieldGet(this, _options).createCellCoords(row + delta.row, col + delta.col);
+      if (zeroBasedCoords.row >= height) {
+        const autoInsertingMode = createMissingRecords && minSpareRows > 0 && fixedRowsBottom === 0;
+        const isWrapEnabled = !autoInsertingMode && autoWrapCol;
+        const nextColumn = zeroBasedCoords.col + 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(zeroBasedCoords.row - height, nextColumn >= width ? nextColumn - width : nextColumn);
+        this.runLocalHooks('beforeColumnWrap', isWrapEnabled, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), nextColumn >= width);
+        if (autoInsertingMode) {
           this.runLocalHooks('insertRowRequire', _classPrivateFieldGet(this, _options).countRenderableRows());
-        } else if (autoWrapCol) {
-          const nextColumn = rawCoords.col + 1;
-          rawCoords.row = rawCoords.row - height;
-          rawCoords.col = nextColumn >= width ? nextColumn - width : nextColumn;
+        } else if (isWrapEnabled) {
+          zeroBasedCoords.assign(newCoords);
         }
-      } else if (rawCoords.row < 0) {
+      } else if (zeroBasedCoords.row < 0) {
+        const previousColumn = zeroBasedCoords.col - 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(height + zeroBasedCoords.row, previousColumn < 0 ? width + previousColumn : previousColumn);
+        this.runLocalHooks('beforeColumnWrap', autoWrapCol, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), previousColumn < 0);
         if (autoWrapCol) {
-          const previousColumn = rawCoords.col - 1;
-          rawCoords.row = height + rawCoords.row;
-          rawCoords.col = previousColumn < 0 ? width + previousColumn : previousColumn;
+          zeroBasedCoords.assign(newCoords);
         }
       }
-      if (rawCoords.col >= width) {
-        if (createMissingRecords && minSpareCols > 0) {
+      if (zeroBasedCoords.col >= width) {
+        const autoInsertingMode = createMissingRecords && minSpareCols > 0;
+        const isWrapEnabled = !autoInsertingMode && autoWrapRow;
+        const nextRow = zeroBasedCoords.row + 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(nextRow >= height ? nextRow - height : nextRow, zeroBasedCoords.col - width);
+        this.runLocalHooks('beforeRowWrap', isWrapEnabled, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), nextRow >= height);
+        if (autoInsertingMode) {
           this.runLocalHooks('insertColRequire', _classPrivateFieldGet(this, _options).countRenderableColumns());
-        } else if (autoWrapRow) {
-          const nextRow = rawCoords.row + 1;
-          rawCoords.row = nextRow >= height ? nextRow - height : nextRow;
-          rawCoords.col = rawCoords.col - width;
+        } else if (isWrapEnabled) {
+          zeroBasedCoords.assign(newCoords);
         }
-      } else if (rawCoords.col < 0) {
+      } else if (zeroBasedCoords.col < 0) {
+        const previousRow = zeroBasedCoords.row - 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(previousRow < 0 ? height + previousRow : previousRow, width + zeroBasedCoords.col);
+        this.runLocalHooks('beforeRowWrap', autoWrapRow, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), previousRow < 0);
         if (autoWrapRow) {
-          const previousRow = rawCoords.row - 1;
-          rawCoords.row = previousRow < 0 ? height + previousRow : previousRow;
-          rawCoords.col = width + rawCoords.col;
+          zeroBasedCoords.assign(newCoords);
         }
       }
-      const coords = _classPrivateFieldGet(this, _options).createCellCoords(rawCoords.row, rawCoords.col);
       const {
         rowDir,
         colDir
-      } = _classPrivateMethodGet(this, _clampCoords, _clampCoords2).call(this, coords);
+      } = _classPrivateMethodGet(this, _clampCoords, _clampCoords2).call(this, zeroBasedCoords);
       rowTransformDir = rowDir;
       colTransformDir = colDir;
-      visualCoords = _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, coords);
+      visualCoords = _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, zeroBasedCoords);
     }
     this.runLocalHooks('afterTransformStart', visualCoords, rowTransformDir, colTransformDir);
     return visualCoords;
@@ -213,14 +217,10 @@ class Transformation {
     this.runLocalHooks('beforeTransformEnd', delta);
     if (highlightRenderableCoords.row !== null && highlightRenderableCoords.col !== null) {
       const {
-        x,
-        y
+        row,
+        col
       } = _classPrivateMethodGet(this, _visualToZeroBasedCoords, _visualToZeroBasedCoords2).call(this, cellRange.to);
-      const rawCoords = {
-        row: y + delta.row,
-        col: x + delta.col
-      };
-      const coords = _classPrivateFieldGet(this, _options).createCellCoords(rawCoords.row, rawCoords.col);
+      const coords = _classPrivateFieldGet(this, _options).createCellCoords(row + delta.row, col + delta.col);
       const {
         rowDir,
         colDir
@@ -288,15 +288,13 @@ function _visualToZeroBasedCoords2(visualCoords) {
     row,
     col
   } = _classPrivateFieldGet(this, _options).visualToRenderableCoords(visualCoords);
-  return {
-    x: _classPrivateFieldGet(this, _offset).x + col,
-    y: _classPrivateFieldGet(this, _offset).y + row
-  };
+  return _classPrivateFieldGet(this, _options).createCellCoords(_classPrivateFieldGet(this, _offset).y + row, _classPrivateFieldGet(this, _offset).x + col);
 }
 function _zeroBasedToVisualCoords2(zeroBasedCoords) {
-  zeroBasedCoords.col = zeroBasedCoords.col - _classPrivateFieldGet(this, _offset).x;
-  zeroBasedCoords.row = zeroBasedCoords.row - _classPrivateFieldGet(this, _offset).y;
-  return _classPrivateFieldGet(this, _options).renderableToVisualCoords(zeroBasedCoords);
+  const coords = zeroBasedCoords.clone();
+  coords.col = zeroBasedCoords.col - _classPrivateFieldGet(this, _offset).x;
+  coords.row = zeroBasedCoords.row - _classPrivateFieldGet(this, _offset).y;
+  return _classPrivateFieldGet(this, _options).renderableToVisualCoords(coords);
 }
 (0, _object.mixin)(Transformation, _localHooks.default);
 var _default = Transformation;

package/selection/transformation.mjs

@@ -46,7 +46,7 @@ class Transformation {
      * Translates the visual coordinates to zero-based ones.
      *
      * @param {CellCoords} visualCoords The visual coords to process.
-     * @returns {{x: number, y: number}}
+     * @returns {CellCoords}
      */
     _classPrivateMethodInitSpec(this, _visualToZeroBasedCoords);
     /**
@@ -133,56 +133,60 @@ class Transformation {
         height
       } = _classPrivateMethodGet(this, _getTableSize, _getTableSize2).call(this);
       const {
-        x,
-        y
+        row,
+        col
       } = _classPrivateMethodGet(this, _visualToZeroBasedCoords, _visualToZeroBasedCoords2).call(this, visualCoords);
       const fixedRowsBottom = _classPrivateFieldGet(this, _options).fixedRowsBottom();
       const minSpareRows = _classPrivateFieldGet(this, _options).minSpareRows();
       const minSpareCols = _classPrivateFieldGet(this, _options).minSpareCols();
       const autoWrapRow = _classPrivateFieldGet(this, _options).autoWrapRow();
       const autoWrapCol = _classPrivateFieldGet(this, _options).autoWrapCol();
-      const rawCoords = {
-        row: y + delta.row,
-        col: x + delta.col
-      };
-      if (rawCoords.row >= height) {
-        if (createMissingRecords && minSpareRows > 0 && fixedRowsBottom === 0) {
+      const zeroBasedCoords = _classPrivateFieldGet(this, _options).createCellCoords(row + delta.row, col + delta.col);
+      if (zeroBasedCoords.row >= height) {
+        const autoInsertingMode = createMissingRecords && minSpareRows > 0 && fixedRowsBottom === 0;
+        const isWrapEnabled = !autoInsertingMode && autoWrapCol;
+        const nextColumn = zeroBasedCoords.col + 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(zeroBasedCoords.row - height, nextColumn >= width ? nextColumn - width : nextColumn);
+        this.runLocalHooks('beforeColumnWrap', isWrapEnabled, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), nextColumn >= width);
+        if (autoInsertingMode) {
           this.runLocalHooks('insertRowRequire', _classPrivateFieldGet(this, _options).countRenderableRows());
-        } else if (autoWrapCol) {
-          const nextColumn = rawCoords.col + 1;
-          rawCoords.row = rawCoords.row - height;
-          rawCoords.col = nextColumn >= width ? nextColumn - width : nextColumn;
+        } else if (isWrapEnabled) {
+          zeroBasedCoords.assign(newCoords);
         }
-      } else if (rawCoords.row < 0) {
+      } else if (zeroBasedCoords.row < 0) {
+        const previousColumn = zeroBasedCoords.col - 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(height + zeroBasedCoords.row, previousColumn < 0 ? width + previousColumn : previousColumn);
+        this.runLocalHooks('beforeColumnWrap', autoWrapCol, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), previousColumn < 0);
         if (autoWrapCol) {
-          const previousColumn = rawCoords.col - 1;
-          rawCoords.row = height + rawCoords.row;
-          rawCoords.col = previousColumn < 0 ? width + previousColumn : previousColumn;
+          zeroBasedCoords.assign(newCoords);
         }
       }
-      if (rawCoords.col >= width) {
-        if (createMissingRecords && minSpareCols > 0) {
+      if (zeroBasedCoords.col >= width) {
+        const autoInsertingMode = createMissingRecords && minSpareCols > 0;
+        const isWrapEnabled = !autoInsertingMode && autoWrapRow;
+        const nextRow = zeroBasedCoords.row + 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(nextRow >= height ? nextRow - height : nextRow, zeroBasedCoords.col - width);
+        this.runLocalHooks('beforeRowWrap', isWrapEnabled, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), nextRow >= height);
+        if (autoInsertingMode) {
           this.runLocalHooks('insertColRequire', _classPrivateFieldGet(this, _options).countRenderableColumns());
-        } else if (autoWrapRow) {
-          const nextRow = rawCoords.row + 1;
-          rawCoords.row = nextRow >= height ? nextRow - height : nextRow;
-          rawCoords.col = rawCoords.col - width;
+        } else if (isWrapEnabled) {
+          zeroBasedCoords.assign(newCoords);
         }
-      } else if (rawCoords.col < 0) {
+      } else if (zeroBasedCoords.col < 0) {
+        const previousRow = zeroBasedCoords.row - 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(previousRow < 0 ? height + previousRow : previousRow, width + zeroBasedCoords.col);
+        this.runLocalHooks('beforeRowWrap', autoWrapRow, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), previousRow < 0);
         if (autoWrapRow) {
-          const previousRow = rawCoords.row - 1;
-          rawCoords.row = previousRow < 0 ? height + previousRow : previousRow;
-          rawCoords.col = width + rawCoords.col;
+          zeroBasedCoords.assign(newCoords);
         }
       }
-      const coords = _classPrivateFieldGet(this, _options).createCellCoords(rawCoords.row, rawCoords.col);
       const {
         rowDir,
         colDir
-      } = _classPrivateMethodGet(this, _clampCoords, _clampCoords2).call(this, coords);
+      } = _classPrivateMethodGet(this, _clampCoords, _clampCoords2).call(this, zeroBasedCoords);
       rowTransformDir = rowDir;
       colTransformDir = colDir;
-      visualCoords = _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, coords);
+      visualCoords = _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, zeroBasedCoords);
     }
     this.runLocalHooks('afterTransformStart', visualCoords, rowTransformDir, colTransformDir);
     return visualCoords;
@@ -209,14 +213,10 @@ class Transformation {
     this.runLocalHooks('beforeTransformEnd', delta);
     if (highlightRenderableCoords.row !== null && highlightRenderableCoords.col !== null) {
       const {
-        x,
-        y
+        row,
+        col
       } = _classPrivateMethodGet(this, _visualToZeroBasedCoords, _visualToZeroBasedCoords2).call(this, cellRange.to);
-      const rawCoords = {
-        row: y + delta.row,
-        col: x + delta.col
-      };
-      const coords = _classPrivateFieldGet(this, _options).createCellCoords(rawCoords.row, rawCoords.col);
+      const coords = _classPrivateFieldGet(this, _options).createCellCoords(row + delta.row, col + delta.col);
       const {
         rowDir,
         colDir
@@ -284,15 +284,13 @@ function _visualToZeroBasedCoords2(visualCoords) {
     row,
     col
   } = _classPrivateFieldGet(this, _options).visualToRenderableCoords(visualCoords);
-  return {
-    x: _classPrivateFieldGet(this, _offset).x + col,
-    y: _classPrivateFieldGet(this, _offset).y + row
-  };
+  return _classPrivateFieldGet(this, _options).createCellCoords(_classPrivateFieldGet(this, _offset).y + row, _classPrivateFieldGet(this, _offset).x + col);
 }
 function _zeroBasedToVisualCoords2(zeroBasedCoords) {
-  zeroBasedCoords.col = zeroBasedCoords.col - _classPrivateFieldGet(this, _offset).x;
-  zeroBasedCoords.row = zeroBasedCoords.row - _classPrivateFieldGet(this, _offset).y;
-  return _classPrivateFieldGet(this, _options).renderableToVisualCoords(zeroBasedCoords);
+  const coords = zeroBasedCoords.clone();
+  coords.col = zeroBasedCoords.col - _classPrivateFieldGet(this, _offset).x;
+  coords.row = zeroBasedCoords.row - _classPrivateFieldGet(this, _offset).y;
+  return _classPrivateFieldGet(this, _options).renderableToVisualCoords(coords);
 }
 mixin(Transformation, localHooks);
 export default Transformation;

package/shortcutContexts/grid.js

@@ -152,9 +152,13 @@ function shortcutsGridContext(hot) {
     callback: () => commandsPool.extendCellsSelectionDownByViewportHeight()
   }, {
     keys: [['Tab']],
+    // The property value is controlled by focusCatcher module (https://github.com/handsontable/handsontable/blob/master/handsontable/src/core/focusCatcher/index.js)
+    preventDefault: false,
     callback: () => commandsPool.moveCellSelectionInlineStart()
   }, {
     keys: [['Shift', 'Tab']],
+    // The property value is controlled by focusCatcher module (https://github.com/handsontable/handsontable/blob/master/handsontable/src/core/focusCatcher/index.js)
+    preventDefault: false,
     callback: () => commandsPool.moveCellSelectionInlineEnd()
   }, {
     keys: [['Control/Meta', 'Backspace']],

package/shortcutContexts/grid.mjs

@@ -148,9 +148,13 @@ export function shortcutsGridContext(hot) {
     callback: () => commandsPool.extendCellsSelectionDownByViewportHeight()
   }, {
     keys: [['Tab']],
+    // The property value is controlled by focusCatcher module (https://github.com/handsontable/handsontable/blob/master/handsontable/src/core/focusCatcher/index.js)
+    preventDefault: false,
     callback: () => commandsPool.moveCellSelectionInlineStart()
   }, {
     keys: [['Shift', 'Tab']],
+    // The property value is controlled by focusCatcher module (https://github.com/handsontable/handsontable/blob/master/handsontable/src/core/focusCatcher/index.js)
+    preventDefault: false,
     callback: () => commandsPool.moveCellSelectionInlineEnd()
   }, {
     keys: [['Control/Meta', 'Backspace']],

package/shortcuts/context.d.ts

@@ -8,6 +8,7 @@ interface Shortcut {
   stopPropagation?: boolean;
   relativeToGroup?: string;
   position?: 'before' | 'after';
+  forwardToContext?: Context;
 }
 
 export interface Context {