handsontable 15.3.0 → 16.0.0-next-f486b48-20250702

package/editors/handsontableEditor/handsontableEditor.js

@@ -1,11 +1,15 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 var _textEditor = require("../textEditor");
 var _element = require("../../helpers/dom/element");
 var _event = require("../../helpers/dom/event");
 var _object = require("../../helpers/object");
 var _shortcutContexts = require("../../shortcutContexts");
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const SHORTCUTS_GROUP = 'handsontableEditor';
 const EDITOR_TYPE = exports.EDITOR_TYPE = 'handsontable';
 
@@ -14,10 +18,26 @@ const EDITOR_TYPE = exports.EDITOR_TYPE = 'handsontable';
  * @class HandsontableEditor
  */
 class HandsontableEditor extends _textEditor.TextEditor {
+  constructor() {
+    super(...arguments);
+    /**
+     * The flag determining if the editor is flipped vertically (rendered on
+     * the top of the edited cell) or not.
+     *
+     * @type {boolean}
+     */
+    _defineProperty(this, "isFlippedVertically", false);
+    /**
+     * The flag determining if the editor is flipped horizontally (rendered on
+     * the inline start of the edited cell) or not.
+     *
+     * @type {boolean}
+     */
+    _defineProperty(this, "isFlippedHorizontally", false);
+  }
   static get EDITOR_TYPE() {
     return EDITOR_TYPE;
   }
-
   /**
    * Opens the editor and adjust its size.
    */
@@ -45,10 +65,12 @@ class HandsontableEditor extends _textEditor.TextEditor {
     }
     (0, _element.setCaretPosition)(this.TEXTAREA, 0, this.TEXTAREA.value.length);
     this.htEditor.updateSettings({
-      width: this.getWidth(),
-      height: this.getHeight()
+      width: this.getTargetDropdownWidth(),
+      height: this.getTargetDropdownHeight()
     });
     this.refreshDimensions();
+    this.flipDropdownVerticallyIfNeeded();
+    this.flipDropdownHorizontallyIfNeeded();
   }
 
   /**
@@ -157,25 +179,160 @@ class HandsontableEditor extends _textEditor.TextEditor {
   }
 
   /**
-   * Calculates and return the internal Handsontable's height.
+   * Calculates the space above and below the editor and flips it vertically if needed.
    *
    * @private
-   * @returns {number}
+   * @returns {{ isFlipped: boolean, spaceAbove: number, spaceBelow: number}}
    */
-  getHeight() {
-    return this.htEditor.view.getTableHeight() + 1;
+  flipDropdownVerticallyIfNeeded() {
+    const {
+      view
+    } = this.hot;
+    const cellRect = this.getEditedCellRect();
+    let spaceAbove = cellRect.top;
+    if (view.isVerticallyScrollableByWindow()) {
+      const topOffset = view.getTableOffset().top - this.hot.rootWindow.scrollY;
+      spaceAbove = Math.max(spaceAbove + topOffset, 0);
+    }
+    const dropdownTargetHeight = this.getDropdownHeight();
+    const spaceBelow = view.getWorkspaceHeight() - spaceAbove - cellRect.height;
+    const flipNeeded = dropdownTargetHeight > spaceBelow && spaceAbove > spaceBelow + cellRect.height;
+    if (flipNeeded) {
+      this.flipDropdownVertically();
+    } else {
+      this.unflipDropdownVertically();
+    }
+    return {
+      isFlipped: flipNeeded,
+      spaceAbove,
+      spaceBelow
+    };
+  }
+
+  /**
+   * Adjusts the editor's container to flip vertically, positioning it from
+   * the bottom to the top of the edited cell.
+   *
+   * @private
+   */
+  flipDropdownVertically() {
+    const dropdownStyle = this.htEditor.rootElement.style;
+    dropdownStyle.position = 'absolute';
+    dropdownStyle.top = `${-this.getDropdownHeight()}px`;
+    this.isFlippedVertically = true;
+  }
+
+  /**
+   * Adjusts the editor's container to unflip vertically, positioning it from
+   * the top to the bottom of the edited cell.
+   *
+   * @private
+   */
+  unflipDropdownVertically() {
+    const dropdownStyle = this.htEditor.rootElement.style;
+    dropdownStyle.position = 'absolute';
+    dropdownStyle.top = '';
+    this.isFlippedVertically = false;
+  }
+
+  /**
+   * Calculates the space above and below the editor and flips it vertically if needed.
+   *
+   * @private
+   * @returns {{ isFlipped: boolean, spaceInlineStart: number, spaceInlineEnd: number}}
+   */
+  flipDropdownHorizontallyIfNeeded() {
+    const {
+      view
+    } = this.hot;
+    const cellRect = this.getEditedCellRect();
+    let spaceInlineStart = cellRect.start + cellRect.width;
+    if (view.isHorizontallyScrollableByWindow()) {
+      const inlineStartOffset = view.getTableOffset().left - this.hot.rootWindow.scrollX;
+      spaceInlineStart = Math.max(spaceInlineStart + inlineStartOffset, 0);
+    }
+    const dropdownTargetWidth = this.getDropdownWidth();
+    const spaceInlineEnd = view.getWorkspaceWidth() - spaceInlineStart + cellRect.width;
+    const flipNeeded = dropdownTargetWidth > spaceInlineEnd && spaceInlineStart > spaceInlineEnd;
+    if (flipNeeded) {
+      this.flipDropdownHorizontally();
+    } else {
+      this.unflipDropdownHorizontally();
+    }
+    return {
+      isFlipped: flipNeeded,
+      spaceInlineStart,
+      spaceInlineEnd
+    };
   }
 
   /**
-   * Calculates and return the internal Handsontable's width.
+   * Adjusts the editor's container to flip horizontally, positioning it from
+   * the inline end (right) to the inline start (left) of the edited cell.
    *
    * @private
+   */
+  flipDropdownHorizontally() {
+    const dropdownStyle = this.htEditor.rootElement.style;
+    const {
+      width
+    } = this.getEditedCellRect();
+    dropdownStyle.position = 'absolute';
+    dropdownStyle[this.hot.isRtl() ? 'right' : 'left'] = `${-(this.getDropdownWidth() - width)}px`;
+    this.isFlippedHorizontally = true;
+  }
+
+  /**
+   * Adjusts the editor's container to unflip horizontally, positioning it from
+   * the inline start (left) to the inline end (right) of the edited cell.
+   *
+   * @private
+   */
+  unflipDropdownHorizontally() {
+    const dropdownStyle = this.htEditor.rootElement.style;
+    dropdownStyle.position = 'absolute';
+    dropdownStyle[this.hot.isRtl() ? 'right' : 'left'] = '';
+    this.isFlippedHorizontally = false;
+  }
+
+  /**
+   * Return the DOM height of the editor's container.
+   *
+   * @returns {number}
+   */
+  getDropdownHeight() {
+    return this.htEditor.getTableHeight();
+  }
+
+  /**
+   * Return the DOM width of the editor's container.
+   *
+   * @returns {number}
+   */
+  getDropdownWidth() {
+    return this.htEditor.getTableWidth();
+  }
+
+  /**
+   * Calculates the proposed/target editor width that should be set once the editor is opened.
+   * The method may be overwritten in the child class to provide a custom size logic.
+   *
    * @returns {number}
    */
-  getWidth() {
+  getTargetDropdownWidth() {
     return this.htEditor.view.getTableWidth();
   }
 
+  /**
+   * Calculates the proposed/target editor height that should be set once the editor is opened.
+   * The method may be overwritten in the child class to provide a custom size logic.
+   *
+   * @returns {number}
+   */
+  getTargetDropdownHeight() {
+    return this.htEditor.view.getTableHeight() + 1;
+  }
+
   /**
    * Assigns afterDestroy callback to prevent memory leaks.
    *
@@ -188,8 +345,7 @@ class HandsontableEditor extends _textEditor.TextEditor {
     });
     this.hot.addHook('afterSetTheme', (themeName, firstRun) => {
       if (!firstRun) {
-        var _this$htEditor2;
-        (_this$htEditor2 = this.htEditor) === null || _this$htEditor2 === void 0 || _this$htEditor2.useTheme(themeName);
+        this.close();
       }
     });
   }
@@ -211,7 +367,7 @@ class HandsontableEditor extends _textEditor.TextEditor {
     const action = (rowToSelect, event) => {
       const innerHOT = this.htEditor;
       if (rowToSelect !== undefined) {
-        if (rowToSelect < 0 || innerHOT.flipped && rowToSelect > innerHOT.countRows() - 1) {
+        if (rowToSelect < 0 || this.isFlippedVertically && rowToSelect > innerHOT.countRows() - 1) {
           innerHOT.deselectCell();
         } else {
           innerHOT.selectCell(rowToSelect, 0);
@@ -231,10 +387,10 @@ class HandsontableEditor extends _textEditor.TextEditor {
         const innerHOT = this.htEditor;
         let rowToSelect;
         let selectedRow;
-        if (!innerHOT.getSelectedLast() && innerHOT.flipped) {
+        if (!innerHOT.getSelectedLast() && this.isFlippedVertically) {
           rowToSelect = innerHOT.countRows() - 1;
         } else if (innerHOT.getSelectedLast()) {
-          if (innerHOT.flipped) {
+          if (this.isFlippedVertically) {
             selectedRow = innerHOT.getSelectedLast()[0];
             rowToSelect = Math.max(0, selectedRow - 1);
           } else {
@@ -251,12 +407,12 @@ class HandsontableEditor extends _textEditor.TextEditor {
         const innerHOT = this.htEditor;
         let rowToSelect;
         let selectedRow;
-        if (!innerHOT.getSelectedLast() && !innerHOT.flipped) {
+        if (!innerHOT.getSelectedLast() && !this.isFlippedVertically) {
           rowToSelect = 0;
         } else if (innerHOT.getSelectedLast()) {
-          if (innerHOT.flipped) {
+          if (this.isFlippedVertically) {
             rowToSelect = innerHOT.getSelectedLast()[0] + 1;
-          } else if (!innerHOT.flipped) {
+          } else if (!this.isFlippedVertically) {
             const lastRow = innerHOT.countRows() - 1;
             selectedRow = innerHOT.getSelectedLast()[0];
             rowToSelect = Math.min(lastRow, selectedRow + 1);

package/editors/handsontableEditor/handsontableEditor.mjs

@@ -1,3 +1,7 @@
+import "core-js/modules/es.error.cause.js";
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { TextEditor } from "../textEditor/index.mjs";
 import { setCaretPosition } from "../../helpers/dom/element.mjs";
 import { stopImmediatePropagation } from "../../helpers/dom/event.mjs";
@@ -11,10 +15,26 @@ export const EDITOR_TYPE = 'handsontable';
  * @class HandsontableEditor
  */
 export class HandsontableEditor extends TextEditor {
+  constructor() {
+    super(...arguments);
+    /**
+     * The flag determining if the editor is flipped vertically (rendered on
+     * the top of the edited cell) or not.
+     *
+     * @type {boolean}
+     */
+    _defineProperty(this, "isFlippedVertically", false);
+    /**
+     * The flag determining if the editor is flipped horizontally (rendered on
+     * the inline start of the edited cell) or not.
+     *
+     * @type {boolean}
+     */
+    _defineProperty(this, "isFlippedHorizontally", false);
+  }
   static get EDITOR_TYPE() {
     return EDITOR_TYPE;
   }
-
   /**
    * Opens the editor and adjust its size.
    */
@@ -42,10 +62,12 @@ export class HandsontableEditor extends TextEditor {
     }
     setCaretPosition(this.TEXTAREA, 0, this.TEXTAREA.value.length);
     this.htEditor.updateSettings({
-      width: this.getWidth(),
-      height: this.getHeight()
+      width: this.getTargetDropdownWidth(),
+      height: this.getTargetDropdownHeight()
     });
     this.refreshDimensions();
+    this.flipDropdownVerticallyIfNeeded();
+    this.flipDropdownHorizontallyIfNeeded();
   }
 
   /**
@@ -154,25 +176,160 @@ export class HandsontableEditor extends TextEditor {
   }
 
   /**
-   * Calculates and return the internal Handsontable's height.
+   * Calculates the space above and below the editor and flips it vertically if needed.
    *
    * @private
-   * @returns {number}
+   * @returns {{ isFlipped: boolean, spaceAbove: number, spaceBelow: number}}
    */
-  getHeight() {
-    return this.htEditor.view.getTableHeight() + 1;
+  flipDropdownVerticallyIfNeeded() {
+    const {
+      view
+    } = this.hot;
+    const cellRect = this.getEditedCellRect();
+    let spaceAbove = cellRect.top;
+    if (view.isVerticallyScrollableByWindow()) {
+      const topOffset = view.getTableOffset().top - this.hot.rootWindow.scrollY;
+      spaceAbove = Math.max(spaceAbove + topOffset, 0);
+    }
+    const dropdownTargetHeight = this.getDropdownHeight();
+    const spaceBelow = view.getWorkspaceHeight() - spaceAbove - cellRect.height;
+    const flipNeeded = dropdownTargetHeight > spaceBelow && spaceAbove > spaceBelow + cellRect.height;
+    if (flipNeeded) {
+      this.flipDropdownVertically();
+    } else {
+      this.unflipDropdownVertically();
+    }
+    return {
+      isFlipped: flipNeeded,
+      spaceAbove,
+      spaceBelow
+    };
+  }
+
+  /**
+   * Adjusts the editor's container to flip vertically, positioning it from
+   * the bottom to the top of the edited cell.
+   *
+   * @private
+   */
+  flipDropdownVertically() {
+    const dropdownStyle = this.htEditor.rootElement.style;
+    dropdownStyle.position = 'absolute';
+    dropdownStyle.top = `${-this.getDropdownHeight()}px`;
+    this.isFlippedVertically = true;
+  }
+
+  /**
+   * Adjusts the editor's container to unflip vertically, positioning it from
+   * the top to the bottom of the edited cell.
+   *
+   * @private
+   */
+  unflipDropdownVertically() {
+    const dropdownStyle = this.htEditor.rootElement.style;
+    dropdownStyle.position = 'absolute';
+    dropdownStyle.top = '';
+    this.isFlippedVertically = false;
+  }
+
+  /**
+   * Calculates the space above and below the editor and flips it vertically if needed.
+   *
+   * @private
+   * @returns {{ isFlipped: boolean, spaceInlineStart: number, spaceInlineEnd: number}}
+   */
+  flipDropdownHorizontallyIfNeeded() {
+    const {
+      view
+    } = this.hot;
+    const cellRect = this.getEditedCellRect();
+    let spaceInlineStart = cellRect.start + cellRect.width;
+    if (view.isHorizontallyScrollableByWindow()) {
+      const inlineStartOffset = view.getTableOffset().left - this.hot.rootWindow.scrollX;
+      spaceInlineStart = Math.max(spaceInlineStart + inlineStartOffset, 0);
+    }
+    const dropdownTargetWidth = this.getDropdownWidth();
+    const spaceInlineEnd = view.getWorkspaceWidth() - spaceInlineStart + cellRect.width;
+    const flipNeeded = dropdownTargetWidth > spaceInlineEnd && spaceInlineStart > spaceInlineEnd;
+    if (flipNeeded) {
+      this.flipDropdownHorizontally();
+    } else {
+      this.unflipDropdownHorizontally();
+    }
+    return {
+      isFlipped: flipNeeded,
+      spaceInlineStart,
+      spaceInlineEnd
+    };
   }
 
   /**
-   * Calculates and return the internal Handsontable's width.
+   * Adjusts the editor's container to flip horizontally, positioning it from
+   * the inline end (right) to the inline start (left) of the edited cell.
    *
    * @private
+   */
+  flipDropdownHorizontally() {
+    const dropdownStyle = this.htEditor.rootElement.style;
+    const {
+      width
+    } = this.getEditedCellRect();
+    dropdownStyle.position = 'absolute';
+    dropdownStyle[this.hot.isRtl() ? 'right' : 'left'] = `${-(this.getDropdownWidth() - width)}px`;
+    this.isFlippedHorizontally = true;
+  }
+
+  /**
+   * Adjusts the editor's container to unflip horizontally, positioning it from
+   * the inline start (left) to the inline end (right) of the edited cell.
+   *
+   * @private
+   */
+  unflipDropdownHorizontally() {
+    const dropdownStyle = this.htEditor.rootElement.style;
+    dropdownStyle.position = 'absolute';
+    dropdownStyle[this.hot.isRtl() ? 'right' : 'left'] = '';
+    this.isFlippedHorizontally = false;
+  }
+
+  /**
+   * Return the DOM height of the editor's container.
+   *
+   * @returns {number}
+   */
+  getDropdownHeight() {
+    return this.htEditor.getTableHeight();
+  }
+
+  /**
+   * Return the DOM width of the editor's container.
+   *
+   * @returns {number}
+   */
+  getDropdownWidth() {
+    return this.htEditor.getTableWidth();
+  }
+
+  /**
+   * Calculates the proposed/target editor width that should be set once the editor is opened.
+   * The method may be overwritten in the child class to provide a custom size logic.
+   *
    * @returns {number}
    */
-  getWidth() {
+  getTargetDropdownWidth() {
     return this.htEditor.view.getTableWidth();
   }
 
+  /**
+   * Calculates the proposed/target editor height that should be set once the editor is opened.
+   * The method may be overwritten in the child class to provide a custom size logic.
+   *
+   * @returns {number}
+   */
+  getTargetDropdownHeight() {
+    return this.htEditor.view.getTableHeight() + 1;
+  }
+
   /**
    * Assigns afterDestroy callback to prevent memory leaks.
    *
@@ -185,8 +342,7 @@ export class HandsontableEditor extends TextEditor {
     });
     this.hot.addHook('afterSetTheme', (themeName, firstRun) => {
       if (!firstRun) {
-        var _this$htEditor2;
-        (_this$htEditor2 = this.htEditor) === null || _this$htEditor2 === void 0 || _this$htEditor2.useTheme(themeName);
+        this.close();
       }
     });
   }
@@ -208,7 +364,7 @@ export class HandsontableEditor extends TextEditor {
     const action = (rowToSelect, event) => {
       const innerHOT = this.htEditor;
       if (rowToSelect !== undefined) {
-        if (rowToSelect < 0 || innerHOT.flipped && rowToSelect > innerHOT.countRows() - 1) {
+        if (rowToSelect < 0 || this.isFlippedVertically && rowToSelect > innerHOT.countRows() - 1) {
           innerHOT.deselectCell();
         } else {
           innerHOT.selectCell(rowToSelect, 0);
@@ -228,10 +384,10 @@ export class HandsontableEditor extends TextEditor {
         const innerHOT = this.htEditor;
         let rowToSelect;
         let selectedRow;
-        if (!innerHOT.getSelectedLast() && innerHOT.flipped) {
+        if (!innerHOT.getSelectedLast() && this.isFlippedVertically) {
           rowToSelect = innerHOT.countRows() - 1;
         } else if (innerHOT.getSelectedLast()) {
-          if (innerHOT.flipped) {
+          if (this.isFlippedVertically) {
             selectedRow = innerHOT.getSelectedLast()[0];
             rowToSelect = Math.max(0, selectedRow - 1);
           } else {
@@ -248,12 +404,12 @@ export class HandsontableEditor extends TextEditor {
         const innerHOT = this.htEditor;
         let rowToSelect;
         let selectedRow;
-        if (!innerHOT.getSelectedLast() && !innerHOT.flipped) {
+        if (!innerHOT.getSelectedLast() && !this.isFlippedVertically) {
           rowToSelect = 0;
         } else if (innerHOT.getSelectedLast()) {
-          if (innerHOT.flipped) {
+          if (this.isFlippedVertically) {
             rowToSelect = innerHOT.getSelectedLast()[0] + 1;
-          } else if (!innerHOT.flipped) {
+          } else if (!this.isFlippedVertically) {
             const lastRow = innerHOT.countRows() - 1;
             selectedRow = innerHOT.getSelectedLast()[0];
             rowToSelect = Math.min(lastRow, selectedRow + 1);

package/editors/passwordEditor/passwordEditor.js

@@ -5,6 +5,7 @@ require("core-js/modules/es.error.cause.js");
 var _textEditor = require("../textEditor");
 var _autoResize = require("../../utils/autoResize");
 var _element = require("../../helpers/dom/element");
+var _a11y = require("../../helpers/a11y");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -41,6 +42,7 @@ class PasswordEditor extends _textEditor.TextEditor {
     this.textareaStyle.width = 0;
     this.textareaStyle.height = 0;
     (0, _element.empty)(this.TEXTAREA_PARENT);
+    this.TEXTAREA.setAttribute(...(0, _a11y.A11Y_TABINDEX)(-1));
     this.TEXTAREA_PARENT.appendChild(this.TEXTAREA);
   }
 }

package/editors/passwordEditor/passwordEditor.mjs

@@ -5,6 +5,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import { TextEditor } from "../textEditor/index.mjs";
 import { createInputElementResizer } from "../../utils/autoResize.mjs";
 import { empty } from "../../helpers/dom/element.mjs";
+import { A11Y_TABINDEX } from "../../helpers/a11y.mjs";
 export const EDITOR_TYPE = 'password';
 
 /**
@@ -38,6 +39,7 @@ export class PasswordEditor extends TextEditor {
     this.textareaStyle.width = 0;
     this.textareaStyle.height = 0;
     empty(this.TEXTAREA_PARENT);
+    this.TEXTAREA.setAttribute(...A11Y_TABINDEX(-1));
     this.TEXTAREA_PARENT.appendChild(this.TEXTAREA);
   }
 }

package/editors/registry.js

@@ -7,8 +7,7 @@ exports.getEditor = _getItem;
 exports.registerEditor = _register;
 require("core-js/modules/es.error.cause.js");
 var _hooks = require("../core/hooks");
-var _staticRegister = _interopRequireDefault(require("../utils/staticRegister"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _staticRegister = require("../utils/staticRegister");
 /**
  * Utility to register editors and common namespace for keeping reference to all editor classes.
  */
@@ -20,7 +19,7 @@ const {
   hasItem,
   getNames,
   getValues
-} = (0, _staticRegister.default)('editors');
+} = (0, _staticRegister.staticRegister)('editors');
 
 /**
  * @param {BaseEditor} editorClass The editor constructor.

package/editors/registry.mjs

@@ -3,7 +3,7 @@ import "core-js/modules/es.error.cause.js";
  * Utility to register editors and common namespace for keeping reference to all editor classes.
  */
 import { Hooks } from "../core/hooks/index.mjs";
-import staticRegister from "../utils/staticRegister.mjs";
+import { staticRegister } from "../utils/staticRegister.mjs";
 const registeredEditorClasses = new WeakMap();
 const {
   register,

package/editors/textEditor/textEditor.js

@@ -112,6 +112,7 @@ class TextEditor extends _baseEditor.BaseEditor {
    * Opens the editor and adjust its size.
    */
   open() {
+    this._opened = true;
     this.refreshDimensions(); // need it instantly, to prevent https://github.com/handsontable/handsontable/issues/348
     this.showEditableElement();
     this.hot.getShortcutManager().setActiveContextName('editor');
@@ -122,6 +123,7 @@ class TextEditor extends _baseEditor.BaseEditor {
    * Closes the editor.
    */
   close() {
+    this._opened = false;
     this.autoResize.unObserve();
     if ((0, _element.isInternalElement)(this.hot.rootDocument.activeElement, this.hot.rootElement)) {
       this.hot.listen(); // don't refocus the table if user focused some cell outside of HT on purpose

package/editors/textEditor/textEditor.mjs

@@ -108,6 +108,7 @@ export class TextEditor extends BaseEditor {
    * Opens the editor and adjust its size.
    */
   open() {
+    this._opened = true;
     this.refreshDimensions(); // need it instantly, to prevent https://github.com/handsontable/handsontable/issues/348
     this.showEditableElement();
     this.hot.getShortcutManager().setActiveContextName('editor');
@@ -118,6 +119,7 @@ export class TextEditor extends BaseEditor {
    * Closes the editor.
    */
   close() {
+    this._opened = false;
     this.autoResize.unObserve();
     if (isInternalElement(this.hot.rootDocument.activeElement, this.hot.rootElement)) {
       this.hot.listen(); // don't refocus the table if user focused some cell outside of HT on purpose

package/helpers/a11y.js

@@ -9,6 +9,8 @@ const A11Y_PRESENTATION = () => ['role', 'presentation'];
 exports.A11Y_PRESENTATION = A11Y_PRESENTATION;
 const A11Y_GRIDCELL = () => ['role', 'gridcell'];
 exports.A11Y_GRIDCELL = A11Y_GRIDCELL;
+const A11Y_GRIDCELL_BUTTON = () => ['role', 'gridcell button'];
+exports.A11Y_GRIDCELL_BUTTON = A11Y_GRIDCELL_BUTTON;
 const A11Y_ROWHEADER = () => ['role', 'rowheader'];
 exports.A11Y_ROWHEADER = A11Y_ROWHEADER;
 const A11Y_ROWGROUP = () => ['role', 'rowgroup'];

package/helpers/a11y.mjs

@@ -2,6 +2,7 @@ export const A11Y_TABINDEX = val => ['tabindex', val];
 export const A11Y_TREEGRID = () => ['role', 'treegrid'];
 export const A11Y_PRESENTATION = () => ['role', 'presentation'];
 export const A11Y_GRIDCELL = () => ['role', 'gridcell'];
+export const A11Y_GRIDCELL_BUTTON = () => ['role', 'gridcell button'];
 export const A11Y_ROWHEADER = () => ['role', 'rowheader'];
 export const A11Y_ROWGROUP = () => ['role', 'rowgroup'];
 export const A11Y_COLUMNHEADER = () => ['role', 'columnheader'];

package/helpers/dom/element.d.ts

@@ -1,6 +1,7 @@
 export function getParent(element: HTMLElement, level?: number): HTMLElement;
 export function getFrameElement(frame: Window): HTMLIFrameElement;
 export function getParentWindow(frame: Window): Window;
+export function getFractionalScalingCompensation(rootDocument?: Document): number;
 export function hasAccessToParentWindow(frame: Window): boolean;
 export function closest(element: HTMLElement, nodes?: Array<string | HTMLElement>, until?: HTMLElement): HTMLElement;
 export function closestDown(element: HTMLElement, nodes: HTMLElement[], until?: HTMLElement): HTMLElement;