handsontable 12.3.1-next-83e8a23-20230111 → 12.3.1-next-712715f-20230130

package/helpers/mixed.js

@@ -152,7 +152,7 @@ var domMessages = {
 function _injectProductInfo(key, element) {
   var hasValidType = !isEmpty(key);
   var isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  var hotVersion = "12.3.1-next-83e8a23-20230111";
+  var hotVersion = "12.3.1-next-712715f-20230130";
   var keyValidityDate;
   var consoleMessageState = 'invalid';
   var domMessageState = 'invalid';
@@ -160,7 +160,7 @@ function _injectProductInfo(key, element) {
   var schemaValidity = _checkKeySchema(key);
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      var releaseDate = (0, _moment.default)("18/01/2023", 'DD/MM/YYYY');
+      var releaseDate = (0, _moment.default)("06/02/2023", 'DD/MM/YYYY');
       var releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
       var keyValidityDays = _extractTime(key);
       keyValidityDate = (0, _moment.default)((keyValidityDays + 1) * 8.64e7, 'x').format('MMMM DD, YYYY');

package/helpers/mixed.mjs

@@ -142,7 +142,7 @@ var domMessages = {
 export function _injectProductInfo(key, element) {
   var hasValidType = !isEmpty(key);
   var isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  var hotVersion = "12.3.1-next-83e8a23-20230111";
+  var hotVersion = "12.3.1-next-712715f-20230130";
   var keyValidityDate;
   var consoleMessageState = 'invalid';
   var domMessageState = 'invalid';
@@ -150,7 +150,7 @@ export function _injectProductInfo(key, element) {
   var schemaValidity = _checkKeySchema(key);
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      var releaseDate = moment("18/01/2023", 'DD/MM/YYYY');
+      var releaseDate = moment("06/02/2023", 'DD/MM/YYYY');
       var releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
       var keyValidityDays = _extractTime(key);
       keyValidityDate = moment((keyValidityDays + 1) * 8.64e7, 'x').format('MMMM DD, YYYY');

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "12.3.1-next-83e8a23-20230111",
+  "version": "12.3.1-next-712715f-20230130",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/plugins/mergeCells/mergeCells.js

@@ -13,9 +13,7 @@ require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.symbol.iterator.js");
 require("core-js/modules/es.array.slice.js");
-require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.array.from.js");
-require("core-js/modules/es.regexp.exec.js");
 exports.__esModule = true;
 exports.PLUGIN_PRIORITY = exports.PLUGIN_KEY = exports.MergeCells = void 0;
 require("core-js/modules/es.array.iterator.js");
@@ -25,6 +23,13 @@ require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.weak-set.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
 var _base = require("../base");
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 var _cellsCollection = _interopRequireDefault(require("./cellsCollection"));
@@ -37,7 +42,13 @@ var _object = require("../../helpers/object");
 var _console = require("../../helpers/console");
 var _number = require("../../helpers/number");
 var _utils = require("./utils");
+var _element = require("../../helpers/dom/element");
+var _browser = require("../../helpers/browser");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -58,6 +69,9 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 _pluginHooks.default.getSingleton().register('beforeMergeCells');
 _pluginHooks.default.getSingleton().register('afterMergeCells');
 _pluginHooks.default.getSingleton().register('beforeUnmergeCells');
@@ -106,6 +120,7 @@ var SHORTCUTS_GROUP = PLUGIN_KEY;
  * ```
  * :::
  */
+var _ifChromeForceRepaint = /*#__PURE__*/new WeakSet();
 var MergeCells = /*#__PURE__*/function (_BasePlugin) {
   _inherits(MergeCells, _BasePlugin);
   var _super = _createSuper(MergeCells);
@@ -113,6 +128,7 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
     var _this;
     _classCallCheck(this, MergeCells);
     _this = _super.call(this, hotInstance);
+    _classPrivateMethodInitSpec(_assertThisInitialized(_this), _ifChromeForceRepaint);
     privatePool.set(_assertThisInitialized(_this), {
       lastDesiredCoords: null
     });
@@ -259,7 +275,8 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
     /**
      * Updates the plugin's state.
      *
-     * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the following configuration options:
+     * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the
+     * following configuration options:
      *  - [`mergeCells`](@/api/options.md#mergecells)
      */
   }, {
@@ -272,6 +289,16 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
       _get(_getPrototypeOf(MergeCells.prototype), "updatePlugin", this).call(this);
     }
 
+    /**
+     * If the browser is recognized as Chrome, force an additional repaint to prevent showing the effects of a Chrome bug.
+     *
+     * Issue described in https://github.com/handsontable/dev-handsontable/issues/521.
+     *
+     * @private
+     */
+  }, {
+    key: "validateSetting",
+    value:
     /**
      * Validates a single setting object, represented by a single merged cell information object.
      *
@@ -279,9 +306,7 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
      * @param {object} setting An object with `row`, `col`, `rowspan` and `colspan` properties.
      * @returns {boolean}
      */
-  }, {
-    key: "validateSetting",
-    value: function validateSetting(setting) {
+    function validateSetting(setting) {
       var valid = true;
       if (!setting) {
         return false;
@@ -429,8 +454,10 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
      * @private
      * @param {CellRange} cellRange Cell range to merge.
      * @param {boolean} [auto=false] `true` if is called automatically, e.g. At initialization.
-     * @param {boolean} [preventPopulation=false] `true`, if the method should not run `populateFromArray` at the end, but rather return its arguments.
-     * @returns {Array|boolean} Returns an array of [row, column, dataUnderCollection] if preventPopulation is set to true. If the the merging process went successful, it returns `true`, otherwise - `false`.
+     * @param {boolean} [preventPopulation=false] `true`, if the method should not run `populateFromArray` at the end,
+     *   but rather return its arguments.
+     * @returns {Array|boolean} Returns an array of [row, column, dataUnderCollection] if preventPopulation is set to
+     *   true. If the the merging process went successful, it returns `true`, otherwise - `false`.
      * @fires Hooks#beforeMergeCells
      * @fires Hooks#afterMergeCells
      */
@@ -476,6 +503,9 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
         } else {
           this.hot.populateFromArray(mergeParent.row, mergeParent.col, clearedData, void 0, void 0, this.pluginName);
         }
+        if (!auto) {
+          _classPrivateMethodGet(this, _ifChromeForceRepaint, _ifChromeForceRepaint2).call(this);
+        }
         this.hot.runHooks('afterMergeCells', cellRange, mergeParent, auto);
         return populationInfo;
       }
@@ -620,7 +650,8 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
     }
 
     /**
-     * Modifies the information on whether the current selection contains multiple cells. The `afterIsMultipleSelection` hook callback.
+     * Modifies the information on whether the current selection contains multiple cells. The `afterIsMultipleSelection`
+     * hook callback.
      *
      * @private
      * @param {boolean} isMultiple Determines whether the current selection contains multiple cells.
@@ -844,7 +875,8 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
 
     /**
      * `beforeSetRangeEnd` hook callback.
-     * While selecting cells with keyboard or mouse, make sure that rectangular area is expanded to the extent of the merged cell.
+     * While selecting cells with keyboard or mouse, make sure that rectangular area is expanded to the extent of the
+     * merged cell.
      *
      * Note: Please keep in mind that callback may modify both start and end range coordinates by the reference.
      *
@@ -1216,13 +1248,15 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
     }
 
     /**
-     * `afterModifyTransformStart` hook callback. Fixes a problem with navigating through merged cells at the edges of the table
-     * with the ENTER/SHIFT+ENTER/TAB/SHIFT+TAB keys.
+     * `afterModifyTransformStart` hook callback. Fixes a problem with navigating through merged cells at the edges of
+     * the table with the ENTER/SHIFT+ENTER/TAB/SHIFT+TAB keys.
      *
      * @private
      * @param {CellCoords} coords Coordinates of the to-be-selected cell.
-     * @param {number} rowTransformDir Row transformation direction (negative value = up, 0 = none, positive value = down).
-     * @param {number} colTransformDir Column transformation direction (negative value = up, 0 = none, positive value = down).
+     * @param {number} rowTransformDir Row transformation direction (negative value = up, 0 = none, positive value =
+     *   down).
+     * @param {number} colTransformDir Column transformation direction (negative value = up, 0 = none, positive value =
+     *   down).
      */
   }, {
     key: "onAfterModifyTransformStart",
@@ -1254,9 +1288,11 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
      * @private
      * @param {number} currentRow Visual row index of the currently processed cell.
      * @param {number} currentColumn Visual column index of the currently cell.
-     * @param {Array} cornersOfSelection Array of the current selection in a form of `[startRow, startColumn, endRow, endColumn]`.
+     * @param {Array} cornersOfSelection Array of the current selection in a form of `[startRow, startColumn, endRow,
+     *   endColumn]`.
      * @param {number|undefined} layerLevel Number indicating which layer of selection is currently processed.
-     * @returns {string|undefined} A `String`, which will act as an additional `className` to be added to the currently processed cell.
+     * @returns {string|undefined} A `String`, which will act as an additional `className` to be added to the currently
+     *   processed cell.
      */
   }, {
     key: "onAfterDrawSelection",
@@ -1272,7 +1308,8 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
      * `beforeRemoveCellClassNames` hook callback. Used to remove additional class name from all cells in the table.
      *
      * @private
-     * @returns {string[]} An `Array` of `String`s. Each of these strings will act like class names to be removed from all the cells in the table.
+     * @returns {string[]} An `Array` of `String`s. Each of these strings will act like class names to be removed from
+     *   all the cells in the table.
      */
   }, {
     key: "onBeforeRemoveCellClassNames",
@@ -1292,4 +1329,44 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
   }]);
   return MergeCells;
 }(_base.BasePlugin);
-exports.MergeCells = MergeCells;
+exports.MergeCells = MergeCells;
+function _ifChromeForceRepaint2() {
+  var _this8 = this;
+  if (!(0, _browser.isChrome)()) {
+    return;
+  }
+  var rowsToRefresh = [];
+  var rowIndexesToRefresh = [];
+  this.mergedCellsCollection.mergedCells.forEach(function (mergedCell) {
+    var row = mergedCell.row,
+      rowspan = mergedCell.rowspan;
+    for (var r = row + 1; r < row + rowspan; r++) {
+      rowIndexesToRefresh.push(r);
+    }
+  });
+
+  // Remove duplicates
+  rowIndexesToRefresh = _toConsumableArray(new Set(rowIndexesToRefresh));
+  rowIndexesToRefresh.forEach(function (rowIndex) {
+    var renderableRowIndex = _this8.hot.rowIndexMapper.getRenderableFromVisualIndex(rowIndex);
+    _this8.hot.view._wt.wtOverlays.getOverlays(true).map(function (overlay) {
+      return (overlay === null || overlay === void 0 ? void 0 : overlay.name) === 'master' ? overlay : overlay.clone.wtTable;
+    }).forEach(function (wtTableRef) {
+      var rowToRefresh = wtTableRef.getRow(renderableRowIndex);
+      if (rowToRefresh) {
+        // Modify the TR's `background` property to later modify it asynchronously.
+        // The background color is getting modified only with the alpha, so the change should not be visible (and is
+        // covered by the TDs' background color).
+        rowToRefresh.style.background = (0, _element.getStyle)(rowToRefresh, 'backgroundColor').replace(')', ', 0.99)');
+        rowsToRefresh.push(rowToRefresh);
+      }
+    });
+  });
+
+  // Asynchronously revert the TRs' `background` property to force a fresh repaint.
+  this.hot._registerTimeout(function () {
+    rowsToRefresh.forEach(function (rowElement) {
+      rowElement.style.background = (0, _element.getStyle)(rowElement, 'backgroundColor').replace(', 0.99)', ')');
+    });
+  }, 1);
+}

package/plugins/mergeCells/mergeCells.mjs

@@ -1,4 +1,8 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -19,6 +23,9 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.string.iterator.js";
@@ -26,6 +33,13 @@ import "core-js/modules/es.weak-map.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.weak-set.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.set.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.object.set-prototype-of.js";
 import "core-js/modules/es.object.get-prototype-of.js";
 import "core-js/modules/es.reflect.construct.js";
@@ -38,9 +52,7 @@ import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.number.constructor.js";
 import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.regexp.exec.js";
 import { BasePlugin } from "../base/index.mjs";
 import Hooks from "../../pluginHooks.mjs";
 import MergedCellsCollection from "./cellsCollection.mjs";
@@ -53,6 +65,8 @@ import { isObject, clone } from "../../helpers/object.mjs";
 import { warn } from "../../helpers/console.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
 import { applySpanProperties } from "./utils.mjs";
+import { getStyle } from "../../helpers/dom/element.mjs";
+import { isChrome } from "../../helpers/browser.mjs";
 Hooks.getSingleton().register('beforeMergeCells');
 Hooks.getSingleton().register('afterMergeCells');
 Hooks.getSingleton().register('beforeUnmergeCells');
@@ -99,6 +113,7 @@ var SHORTCUTS_GROUP = PLUGIN_KEY;
  * ```
  * :::
  */
+var _ifChromeForceRepaint = /*#__PURE__*/new WeakSet();
 export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
   _inherits(MergeCells, _BasePlugin);
   var _super = _createSuper(MergeCells);
@@ -106,6 +121,7 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
     var _this;
     _classCallCheck(this, MergeCells);
     _this = _super.call(this, hotInstance);
+    _classPrivateMethodInitSpec(_assertThisInitialized(_this), _ifChromeForceRepaint);
     privatePool.set(_assertThisInitialized(_this), {
       lastDesiredCoords: null
     });
@@ -252,7 +268,8 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
     /**
      * Updates the plugin's state.
      *
-     * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the following configuration options:
+     * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the
+     * following configuration options:
      *  - [`mergeCells`](@/api/options.md#mergecells)
      */
   }, {
@@ -265,6 +282,16 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
       _get(_getPrototypeOf(MergeCells.prototype), "updatePlugin", this).call(this);
     }
 
+    /**
+     * If the browser is recognized as Chrome, force an additional repaint to prevent showing the effects of a Chrome bug.
+     *
+     * Issue described in https://github.com/handsontable/dev-handsontable/issues/521.
+     *
+     * @private
+     */
+  }, {
+    key: "validateSetting",
+    value:
     /**
      * Validates a single setting object, represented by a single merged cell information object.
      *
@@ -272,9 +299,7 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
      * @param {object} setting An object with `row`, `col`, `rowspan` and `colspan` properties.
      * @returns {boolean}
      */
-  }, {
-    key: "validateSetting",
-    value: function validateSetting(setting) {
+    function validateSetting(setting) {
       var valid = true;
       if (!setting) {
         return false;
@@ -422,8 +447,10 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
      * @private
      * @param {CellRange} cellRange Cell range to merge.
      * @param {boolean} [auto=false] `true` if is called automatically, e.g. At initialization.
-     * @param {boolean} [preventPopulation=false] `true`, if the method should not run `populateFromArray` at the end, but rather return its arguments.
-     * @returns {Array|boolean} Returns an array of [row, column, dataUnderCollection] if preventPopulation is set to true. If the the merging process went successful, it returns `true`, otherwise - `false`.
+     * @param {boolean} [preventPopulation=false] `true`, if the method should not run `populateFromArray` at the end,
+     *   but rather return its arguments.
+     * @returns {Array|boolean} Returns an array of [row, column, dataUnderCollection] if preventPopulation is set to
+     *   true. If the the merging process went successful, it returns `true`, otherwise - `false`.
      * @fires Hooks#beforeMergeCells
      * @fires Hooks#afterMergeCells
      */
@@ -469,6 +496,9 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
         } else {
           this.hot.populateFromArray(mergeParent.row, mergeParent.col, clearedData, void 0, void 0, this.pluginName);
         }
+        if (!auto) {
+          _classPrivateMethodGet(this, _ifChromeForceRepaint, _ifChromeForceRepaint2).call(this);
+        }
         this.hot.runHooks('afterMergeCells', cellRange, mergeParent, auto);
         return populationInfo;
       }
@@ -613,7 +643,8 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
     }
 
     /**
-     * Modifies the information on whether the current selection contains multiple cells. The `afterIsMultipleSelection` hook callback.
+     * Modifies the information on whether the current selection contains multiple cells. The `afterIsMultipleSelection`
+     * hook callback.
      *
      * @private
      * @param {boolean} isMultiple Determines whether the current selection contains multiple cells.
@@ -837,7 +868,8 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
 
     /**
      * `beforeSetRangeEnd` hook callback.
-     * While selecting cells with keyboard or mouse, make sure that rectangular area is expanded to the extent of the merged cell.
+     * While selecting cells with keyboard or mouse, make sure that rectangular area is expanded to the extent of the
+     * merged cell.
      *
      * Note: Please keep in mind that callback may modify both start and end range coordinates by the reference.
      *
@@ -1209,13 +1241,15 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
     }
 
     /**
-     * `afterModifyTransformStart` hook callback. Fixes a problem with navigating through merged cells at the edges of the table
-     * with the ENTER/SHIFT+ENTER/TAB/SHIFT+TAB keys.
+     * `afterModifyTransformStart` hook callback. Fixes a problem with navigating through merged cells at the edges of
+     * the table with the ENTER/SHIFT+ENTER/TAB/SHIFT+TAB keys.
      *
      * @private
      * @param {CellCoords} coords Coordinates of the to-be-selected cell.
-     * @param {number} rowTransformDir Row transformation direction (negative value = up, 0 = none, positive value = down).
-     * @param {number} colTransformDir Column transformation direction (negative value = up, 0 = none, positive value = down).
+     * @param {number} rowTransformDir Row transformation direction (negative value = up, 0 = none, positive value =
+     *   down).
+     * @param {number} colTransformDir Column transformation direction (negative value = up, 0 = none, positive value =
+     *   down).
      */
   }, {
     key: "onAfterModifyTransformStart",
@@ -1247,9 +1281,11 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
      * @private
      * @param {number} currentRow Visual row index of the currently processed cell.
      * @param {number} currentColumn Visual column index of the currently cell.
-     * @param {Array} cornersOfSelection Array of the current selection in a form of `[startRow, startColumn, endRow, endColumn]`.
+     * @param {Array} cornersOfSelection Array of the current selection in a form of `[startRow, startColumn, endRow,
+     *   endColumn]`.
      * @param {number|undefined} layerLevel Number indicating which layer of selection is currently processed.
-     * @returns {string|undefined} A `String`, which will act as an additional `className` to be added to the currently processed cell.
+     * @returns {string|undefined} A `String`, which will act as an additional `className` to be added to the currently
+     *   processed cell.
      */
   }, {
     key: "onAfterDrawSelection",
@@ -1265,7 +1301,8 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
      * `beforeRemoveCellClassNames` hook callback. Used to remove additional class name from all cells in the table.
      *
      * @private
-     * @returns {string[]} An `Array` of `String`s. Each of these strings will act like class names to be removed from all the cells in the table.
+     * @returns {string[]} An `Array` of `String`s. Each of these strings will act like class names to be removed from
+     *   all the cells in the table.
      */
   }, {
     key: "onBeforeRemoveCellClassNames",
@@ -1284,4 +1321,44 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
     }
   }]);
   return MergeCells;
-}(BasePlugin);
+}(BasePlugin);
+function _ifChromeForceRepaint2() {
+  var _this8 = this;
+  if (!isChrome()) {
+    return;
+  }
+  var rowsToRefresh = [];
+  var rowIndexesToRefresh = [];
+  this.mergedCellsCollection.mergedCells.forEach(function (mergedCell) {
+    var row = mergedCell.row,
+      rowspan = mergedCell.rowspan;
+    for (var r = row + 1; r < row + rowspan; r++) {
+      rowIndexesToRefresh.push(r);
+    }
+  });
+
+  // Remove duplicates
+  rowIndexesToRefresh = _toConsumableArray(new Set(rowIndexesToRefresh));
+  rowIndexesToRefresh.forEach(function (rowIndex) {
+    var renderableRowIndex = _this8.hot.rowIndexMapper.getRenderableFromVisualIndex(rowIndex);
+    _this8.hot.view._wt.wtOverlays.getOverlays(true).map(function (overlay) {
+      return (overlay === null || overlay === void 0 ? void 0 : overlay.name) === 'master' ? overlay : overlay.clone.wtTable;
+    }).forEach(function (wtTableRef) {
+      var rowToRefresh = wtTableRef.getRow(renderableRowIndex);
+      if (rowToRefresh) {
+        // Modify the TR's `background` property to later modify it asynchronously.
+        // The background color is getting modified only with the alpha, so the change should not be visible (and is
+        // covered by the TDs' background color).
+        rowToRefresh.style.background = getStyle(rowToRefresh, 'backgroundColor').replace(')', ', 0.99)');
+        rowsToRefresh.push(rowToRefresh);
+      }
+    });
+  });
+
+  // Asynchronously revert the TRs' `background` property to force a fresh repaint.
+  this.hot._registerTimeout(function () {
+    rowsToRefresh.forEach(function (rowElement) {
+      rowElement.style.background = getStyle(rowElement, 'backgroundColor').replace(', 0.99)', ')');
+    });
+  }, 1);
+}

package/shortcuts/manager.js

@@ -151,6 +151,15 @@ var createShortcutManager = function createShortcutManager(_ref) {
     isCtrlPressed: function isCtrlPressed() {
       return !isCtrlKeySilenced && (keyRecorder.isPressed('control') || keyRecorder.isPressed('meta'));
     },
+    /**
+     * Release every previously pressed key.
+     *
+     * @type {Function}
+     * @memberof ShortcutManager#
+     */
+    releasePressedKeys: function releasePressedKeys() {
+      return keyRecorder.releasePressedKeys();
+    },
     /**
      * Destroy a context manager instance.
      *

package/shortcuts/manager.mjs

@@ -146,6 +146,15 @@ export var createShortcutManager = function createShortcutManager(_ref) {
     isCtrlPressed: function isCtrlPressed() {
       return !isCtrlKeySilenced && (keyRecorder.isPressed('control') || keyRecorder.isPressed('meta'));
     },
+    /**
+     * Release every previously pressed key.
+     *
+     * @type {Function}
+     * @memberof ShortcutManager#
+     */
+    releasePressedKeys: function releasePressedKeys() {
+      return keyRecorder.releasePressedKeys();
+    },
     /**
      * Destroy a context manager instance.
      *

package/shortcuts/recorder.js

@@ -160,6 +160,9 @@ function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDown, call
     unmount: unmount,
     isPressed: function isPressed(key) {
       return modifierKeysObserver.isPressed(key);
+    },
+    releasePressedKeys: function releasePressedKeys() {
+      return modifierKeysObserver.releaseAll();
     }
   };
 }

package/shortcuts/recorder.mjs

@@ -156,6 +156,9 @@ export function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDow
     unmount: unmount,
     isPressed: function isPressed(key) {
       return modifierKeysObserver.isPressed(key);
+    },
+    releasePressedKeys: function releasePressedKeys() {
+      return modifierKeysObserver.releaseAll();
     }
   };
 }