handsontable 0.0.0-next-6129043-20241108 → 0.0.0-next-e035192-20241108

package/dist/languages/all.js

@@ -2035,7 +2035,7 @@ var _default = exports["default"] = dictionary;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/ar-AR.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/cs-CZ.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/de-CH.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/de-DE.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/en-US.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/es-MX.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/fr-FR.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/hr-HR.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/it-IT.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/ja-JP.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/ko-KR.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/lv-LV.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/nb-NO.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/nl-NL.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/pl-PL.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/pt-BR.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/ru-RU.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/sr-SP.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/zh-CN.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/dist/languages/zh-TW.js

@@ -57,7 +57,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var exports = __webpack_exports__;

package/editors/autocompleteEditor/autocompleteEditor.js

@@ -3,6 +3,10 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.reduce.js");
 var _handsontableEditor = require("../handsontableEditor");
 var _array = require("../../helpers/array");
 var _element = require("../../helpers/dom/element");
@@ -375,7 +379,7 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
       let lastRowHeight = 0;
       let height = null;
       do {
-        lastRowHeight = this.htEditor.getRowHeight(i) || this.htEditor.view.getDefaultRowHeight();
+        lastRowHeight = this.htEditor.getRowHeight(i) || this.htEditor.view._wt.getSetting('defaultRowHeight');
         tempHeight += lastRowHeight;
         i += 1;
       } while (tempHeight < spaceAvailable);

package/editors/autocompleteEditor/autocompleteEditor.mjs

@@ -1,5 +1,9 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.find.js";
+import "core-js/modules/esnext.iterator.reduce.js";
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 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; }
@@ -372,7 +376,7 @@ export class AutocompleteEditor extends HandsontableEditor {
       let lastRowHeight = 0;
       let height = null;
       do {
-        lastRowHeight = this.htEditor.getRowHeight(i) || this.htEditor.view.getDefaultRowHeight();
+        lastRowHeight = this.htEditor.getRowHeight(i) || this.htEditor.view._wt.getSetting('defaultRowHeight');
         tempHeight += lastRowHeight;
         i += 1;
       } while (tempHeight < spaceAvailable);

package/editors/baseEditor/baseEditor.js

@@ -492,7 +492,7 @@ class BaseEditor {
     const actualVerticalScrollbarWidth = (0, _element.hasVerticalScrollbar)(scrollableContainerTop) ? scrollbarWidth : 0;
     const actualHorizontalScrollbarWidth = (0, _element.hasHorizontalScrollbar)(scrollableContainerLeft) ? scrollbarWidth : 0;
     const maxWidth = this.hot.view.maximumVisibleElementWidth(cellStartOffset) - actualVerticalScrollbarWidth + inlineStartBorderCompensation;
-    const maxHeight = Math.max(this.hot.view.maximumVisibleElementHeight(cellTopOffset) - actualHorizontalScrollbarWidth + topBorderCompensation, this.hot.view.getDefaultRowHeight());
+    const maxHeight = Math.max(this.hot.view.maximumVisibleElementHeight(cellTopOffset) - actualHorizontalScrollbarWidth + topBorderCompensation, 23);
     return {
       top: topPos,
       start: inlineStartPos,

package/editors/baseEditor/baseEditor.mjs

@@ -488,7 +488,7 @@ export class BaseEditor {
     const actualVerticalScrollbarWidth = hasVerticalScrollbar(scrollableContainerTop) ? scrollbarWidth : 0;
     const actualHorizontalScrollbarWidth = hasHorizontalScrollbar(scrollableContainerLeft) ? scrollbarWidth : 0;
     const maxWidth = this.hot.view.maximumVisibleElementWidth(cellStartOffset) - actualVerticalScrollbarWidth + inlineStartBorderCompensation;
-    const maxHeight = Math.max(this.hot.view.maximumVisibleElementHeight(cellTopOffset) - actualHorizontalScrollbarWidth + topBorderCompensation, this.hot.view.getDefaultRowHeight());
+    const maxHeight = Math.max(this.hot.view.maximumVisibleElementHeight(cellTopOffset) - actualHorizontalScrollbarWidth + topBorderCompensation, 23);
     return {
       top: topPos,
       start: inlineStartPos,

package/editors/dateEditor/dateEditor.js

@@ -66,9 +66,7 @@ class DateEditor extends _textEditor.TextEditor {
     this.datePickerStyle.left = 0;
     this.datePickerStyle.zIndex = 9999;
     this.datePicker.setAttribute('dir', this.hot.isRtl() ? 'rtl' : 'ltr');
-    const themeClassName = this.hot.getCurrentThemeName();
     (0, _element.addClass)(this.datePicker, 'htDatepickerHolder');
-    (0, _element.addClass)(this.datePicker, themeClassName);
     this.hot.rootDocument.body.appendChild(this.datePicker);
 
     /**

package/editors/dateEditor/dateEditor.mjs

@@ -62,9 +62,7 @@ export class DateEditor extends TextEditor {
     this.datePickerStyle.left = 0;
     this.datePickerStyle.zIndex = 9999;
     this.datePicker.setAttribute('dir', this.hot.isRtl() ? 'rtl' : 'ltr');
-    const themeClassName = this.hot.getCurrentThemeName();
     addClass(this.datePicker, 'htDatepickerHolder');
-    addClass(this.datePicker, themeClassName);
     this.hot.rootDocument.body.appendChild(this.datePicker);
 
     /**

package/editors/dropdownEditor/dropdownEditor.js

@@ -1,6 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
 var _autocompleteEditor = require("../autocompleteEditor");
 var _hooks = require("../../core/hooks");
 const EDITOR_TYPE = exports.EDITOR_TYPE = 'dropdown';

package/editors/dropdownEditor/dropdownEditor.mjs

@@ -1,3 +1,5 @@
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
 import { AutocompleteEditor } from "../autocompleteEditor/index.mjs";
 import { Hooks } from "../../core/hooks/index.mjs";
 export const EDITOR_TYPE = 'dropdown';

package/editors/handsontableEditor/handsontableEditor.js

@@ -23,11 +23,15 @@ class HandsontableEditor extends _textEditor.TextEditor {
    */
   open() {
     super.open();
+    const containerStyle = this.htContainer.style;
     if (this.htEditor) {
       this.htEditor.destroy();
+      containerStyle.width = '';
+      containerStyle.height = '';
+      containerStyle.overflow = '';
     }
-    if (this.htContainer.style.display === 'none') {
-      this.htContainer.style.display = '';
+    if (containerStyle.display === 'none') {
+      containerStyle.display = '';
     }
 
     // Constructs and initializes a new Handsontable instance
@@ -40,11 +44,11 @@ class HandsontableEditor extends _textEditor.TextEditor {
       this.htEditor.deselectCell();
     }
     (0, _element.setCaretPosition)(this.TEXTAREA, 0, this.TEXTAREA.value.length);
-    this.refreshDimensions();
     this.htEditor.updateSettings({
       width: this.getWidth(),
       height: this.getHeight()
     });
+    this.refreshDimensions();
   }
 
   /**
@@ -85,7 +89,6 @@ class HandsontableEditor extends _textEditor.TextEditor {
       autoWrapCol: false,
       autoWrapRow: false,
       ariaTags: false,
-      themeName: this.hot.getCurrentThemeName(),
       afterOnCellMouseDown(_, coords) {
         const sourceValue = this.getSourceData(coords.row, coords.col);
 
@@ -159,7 +162,7 @@ class HandsontableEditor extends _textEditor.TextEditor {
    * @returns {number}
    */
   getHeight() {
-    return this.htEditor.view.getTableHeight() + 1;
+    return this.htEditor.view.getTableHeight();
   }
 
   /**

package/editors/handsontableEditor/handsontableEditor.mjs

@@ -20,11 +20,15 @@ export class HandsontableEditor extends TextEditor {
    */
   open() {
     super.open();
+    const containerStyle = this.htContainer.style;
     if (this.htEditor) {
       this.htEditor.destroy();
+      containerStyle.width = '';
+      containerStyle.height = '';
+      containerStyle.overflow = '';
     }
-    if (this.htContainer.style.display === 'none') {
-      this.htContainer.style.display = '';
+    if (containerStyle.display === 'none') {
+      containerStyle.display = '';
     }
 
     // Constructs and initializes a new Handsontable instance
@@ -37,11 +41,11 @@ export class HandsontableEditor extends TextEditor {
       this.htEditor.deselectCell();
     }
     setCaretPosition(this.TEXTAREA, 0, this.TEXTAREA.value.length);
-    this.refreshDimensions();
     this.htEditor.updateSettings({
       width: this.getWidth(),
       height: this.getHeight()
     });
+    this.refreshDimensions();
   }
 
   /**
@@ -82,7 +86,6 @@ export class HandsontableEditor extends TextEditor {
       autoWrapCol: false,
       autoWrapRow: false,
       ariaTags: false,
-      themeName: this.hot.getCurrentThemeName(),
       afterOnCellMouseDown(_, coords) {
         const sourceValue = this.getSourceData(coords.row, coords.col);
 
@@ -156,7 +159,7 @@ export class HandsontableEditor extends TextEditor {
    * @returns {number}
    */
   getHeight() {
-    return this.htEditor.view.getTableHeight() + 1;
+    return this.htEditor.view.getTableHeight();
   }
 
   /**

package/editors/selectEditor/selectEditor.js

@@ -4,7 +4,6 @@ exports.__esModule = true;
 var _baseEditor = require("../baseEditor");
 var _element = require("../../helpers/dom/element");
 var _object = require("../../helpers/object");
-var _a11y = require("../../helpers/a11y");
 const EDITOR_VISIBLE_CLASS_NAME = 'ht_editor_visible';
 const SHORTCUTS_GROUP = 'selectEditor';
 const EDITOR_TYPE = exports.EDITOR_TYPE = 'select';
@@ -22,21 +21,11 @@ class SelectEditor extends _baseEditor.BaseEditor {
    * Initializes editor instance, DOM Element and mount hooks.
    */
   init() {
-    this.selectWrapper = this.hot.rootDocument.createElement('div');
     this.select = this.hot.rootDocument.createElement('select');
     this.select.setAttribute('data-hot-input', 'true');
-    this.selectWrapper.style.display = 'none';
-    const ARROW = this.hot.rootDocument.createElement('DIV');
-    const isAriaEnabled = this.hot.getSettings().ariaTags;
-    ARROW.className = 'htAutocompleteArrow';
-    if (isAriaEnabled) {
-      ARROW.setAttribute(...(0, _a11y.A11Y_HIDDEN)());
-    }
-    ARROW.appendChild(this.hot.rootDocument.createTextNode(String.fromCharCode(9660)));
-    (0, _element.addClass)(this.selectWrapper, 'htSelectEditor');
-    this.selectWrapper.appendChild(this.select);
-    this.selectWrapper.insertBefore(ARROW, this.selectWrapper.firstChild);
-    this.hot.rootElement.appendChild(this.selectWrapper);
+    this.select.style.display = 'none';
+    (0, _element.addClass)(this.select, 'htSelectEditor');
+    this.hot.rootElement.appendChild(this.select);
     this.registerHooks();
   }
 
@@ -64,7 +53,7 @@ class SelectEditor extends _baseEditor.BaseEditor {
   open() {
     this._opened = true;
     this.refreshDimensions();
-    this.selectWrapper.style.display = '';
+    this.select.style.display = '';
     const shortcutManager = this.hot.getShortcutManager();
     shortcutManager.setActiveContextName('editor');
     this.registerShortcuts();
@@ -75,9 +64,9 @@ class SelectEditor extends _baseEditor.BaseEditor {
    */
   close() {
     this._opened = false;
-    this.selectWrapper.style.display = 'none';
-    if ((0, _element.hasClass)(this.selectWrapper, EDITOR_VISIBLE_CLASS_NAME)) {
-      (0, _element.removeClass)(this.selectWrapper, EDITOR_VISIBLE_CLASS_NAME);
+    this.select.style.display = 'none';
+    if ((0, _element.hasClass)(this.select, EDITOR_VISIBLE_CLASS_NAME)) {
+      (0, _element.removeClass)(this.select, EDITOR_VISIBLE_CLASS_NAME);
     }
     this.unregisterShortcuts();
     this.clearHooks();
@@ -183,13 +172,13 @@ class SelectEditor extends _baseEditor.BaseEditor {
       width,
       height
     } = this.getEditedCellRect();
-    const selectStyle = this.selectWrapper.style;
+    const selectStyle = this.select.style;
     selectStyle.height = `${height}px`;
     selectStyle.width = `${width}px`;
     selectStyle.top = `${top}px`;
     selectStyle[this.hot.isRtl() ? 'right' : 'left'] = `${start}px`;
     selectStyle.margin = '0px';
-    (0, _element.addClass)(this.selectWrapper, EDITOR_VISIBLE_CLASS_NAME);
+    (0, _element.addClass)(this.select, EDITOR_VISIBLE_CLASS_NAME);
   }
 
   /**

package/editors/selectEditor/selectEditor.mjs

@@ -1,7 +1,6 @@
 import { BaseEditor, EDITOR_STATE } from "../baseEditor/index.mjs";
 import { addClass, empty, fastInnerHTML, hasClass, removeClass } from "../../helpers/dom/element.mjs";
 import { objectEach } from "../../helpers/object.mjs";
-import { A11Y_HIDDEN } from "../../helpers/a11y.mjs";
 const EDITOR_VISIBLE_CLASS_NAME = 'ht_editor_visible';
 const SHORTCUTS_GROUP = 'selectEditor';
 export const EDITOR_TYPE = 'select';
@@ -19,21 +18,11 @@ export class SelectEditor extends BaseEditor {
    * Initializes editor instance, DOM Element and mount hooks.
    */
   init() {
-    this.selectWrapper = this.hot.rootDocument.createElement('div');
     this.select = this.hot.rootDocument.createElement('select');
     this.select.setAttribute('data-hot-input', 'true');
-    this.selectWrapper.style.display = 'none';
-    const ARROW = this.hot.rootDocument.createElement('DIV');
-    const isAriaEnabled = this.hot.getSettings().ariaTags;
-    ARROW.className = 'htAutocompleteArrow';
-    if (isAriaEnabled) {
-      ARROW.setAttribute(...A11Y_HIDDEN());
-    }
-    ARROW.appendChild(this.hot.rootDocument.createTextNode(String.fromCharCode(9660)));
-    addClass(this.selectWrapper, 'htSelectEditor');
-    this.selectWrapper.appendChild(this.select);
-    this.selectWrapper.insertBefore(ARROW, this.selectWrapper.firstChild);
-    this.hot.rootElement.appendChild(this.selectWrapper);
+    this.select.style.display = 'none';
+    addClass(this.select, 'htSelectEditor');
+    this.hot.rootElement.appendChild(this.select);
     this.registerHooks();
   }
 
@@ -61,7 +50,7 @@ export class SelectEditor extends BaseEditor {
   open() {
     this._opened = true;
     this.refreshDimensions();
-    this.selectWrapper.style.display = '';
+    this.select.style.display = '';
     const shortcutManager = this.hot.getShortcutManager();
     shortcutManager.setActiveContextName('editor');
     this.registerShortcuts();
@@ -72,9 +61,9 @@ export class SelectEditor extends BaseEditor {
    */
   close() {
     this._opened = false;
-    this.selectWrapper.style.display = 'none';
-    if (hasClass(this.selectWrapper, EDITOR_VISIBLE_CLASS_NAME)) {
-      removeClass(this.selectWrapper, EDITOR_VISIBLE_CLASS_NAME);
+    this.select.style.display = 'none';
+    if (hasClass(this.select, EDITOR_VISIBLE_CLASS_NAME)) {
+      removeClass(this.select, EDITOR_VISIBLE_CLASS_NAME);
     }
     this.unregisterShortcuts();
     this.clearHooks();
@@ -180,13 +169,13 @@ export class SelectEditor extends BaseEditor {
       width,
       height
     } = this.getEditedCellRect();
-    const selectStyle = this.selectWrapper.style;
+    const selectStyle = this.select.style;
     selectStyle.height = `${height}px`;
     selectStyle.width = `${width}px`;
     selectStyle.top = `${top}px`;
     selectStyle[this.hot.isRtl() ? 'right' : 'left'] = `${start}px`;
     selectStyle.margin = '0px';
-    addClass(this.selectWrapper, EDITOR_VISIBLE_CLASS_NAME);
+    addClass(this.select, EDITOR_VISIBLE_CLASS_NAME);
   }
 
   /**

package/editors/textEditor/textEditor.js

@@ -309,12 +309,19 @@ class TextEditor extends _baseEditor.BaseEditor {
     this.TEXTAREA.style.fontSize = cellComputedStyle.fontSize;
     this.TEXTAREA.style.fontFamily = cellComputedStyle.fontFamily;
     this.TEXTAREA.style.backgroundColor = this.TD.style.backgroundColor;
+    const textareaComputedStyle = this.hot.rootWindow.getComputedStyle(this.TEXTAREA);
+    const horizontalPadding = parseInt(textareaComputedStyle.paddingLeft, 10) + parseInt(textareaComputedStyle.paddingRight, 10);
+    const verticalPadding = parseInt(textareaComputedStyle.paddingTop, 10) + parseInt(textareaComputedStyle.paddingBottom, 10);
+    const finalWidth = width - horizontalPadding;
+    const finalHeight = height - verticalPadding;
+    const finalMaxWidth = maxWidth - horizontalPadding;
+    const finalMaxHeight = maxHeight - verticalPadding;
     this.autoResize.init(this.TEXTAREA, {
-      minWidth: Math.min(width, maxWidth),
-      minHeight: Math.min(height, maxHeight),
+      minWidth: Math.min(finalWidth, finalMaxWidth),
+      minHeight: Math.min(finalHeight, finalMaxHeight),
       // TEXTAREA should never be wider than visible part of the viewport (should not cover the scrollbar)
-      maxWidth,
-      maxHeight
+      maxWidth: finalMaxWidth,
+      maxHeight: finalMaxHeight
     }, true);
   }
 

package/editors/textEditor/textEditor.mjs

@@ -305,12 +305,19 @@ export class TextEditor extends BaseEditor {
     this.TEXTAREA.style.fontSize = cellComputedStyle.fontSize;
     this.TEXTAREA.style.fontFamily = cellComputedStyle.fontFamily;
     this.TEXTAREA.style.backgroundColor = this.TD.style.backgroundColor;
+    const textareaComputedStyle = this.hot.rootWindow.getComputedStyle(this.TEXTAREA);
+    const horizontalPadding = parseInt(textareaComputedStyle.paddingLeft, 10) + parseInt(textareaComputedStyle.paddingRight, 10);
+    const verticalPadding = parseInt(textareaComputedStyle.paddingTop, 10) + parseInt(textareaComputedStyle.paddingBottom, 10);
+    const finalWidth = width - horizontalPadding;
+    const finalHeight = height - verticalPadding;
+    const finalMaxWidth = maxWidth - horizontalPadding;
+    const finalMaxHeight = maxHeight - verticalPadding;
     this.autoResize.init(this.TEXTAREA, {
-      minWidth: Math.min(width, maxWidth),
-      minHeight: Math.min(height, maxHeight),
+      minWidth: Math.min(finalWidth, finalMaxWidth),
+      minHeight: Math.min(finalHeight, finalMaxHeight),
       // TEXTAREA should never be wider than visible part of the viewport (should not cover the scrollbar)
-      maxWidth,
-      maxHeight
+      maxWidth: finalMaxWidth,
+      maxHeight: finalMaxHeight
     }, true);
   }
 

package/focusManager.js

@@ -163,12 +163,11 @@ class FocusManager {
    * @returns {HTMLTextAreaElement|HTMLElement|undefined}
    */
   getRefocusElement() {
+    var _classPrivateFieldGet2;
     if (typeof _classPrivateFieldGet(_refocusElementGetter, this) === 'function') {
       return _classPrivateFieldGet(_refocusElementGetter, this).call(this);
-    } else {
-      var _classPrivateFieldGet2;
-      return (_classPrivateFieldGet2 = _classPrivateFieldGet(_hot, this).getActiveEditor()) === null || _classPrivateFieldGet2 === void 0 ? void 0 : _classPrivateFieldGet2.TEXTAREA;
     }
+    return (_classPrivateFieldGet2 = _classPrivateFieldGet(_hot, this).getActiveEditor()) === null || _classPrivateFieldGet2 === void 0 ? void 0 : _classPrivateFieldGet2.TEXTAREA;
   }
 
   /**
@@ -209,13 +208,12 @@ class FocusManager {
   refocusToEditorTextarea() {
     var _classPrivateFieldGet5;
     let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _classPrivateFieldGet(_refocusDelay, this);
-    const refocusElement = this.getRefocusElement();
-
     // Re-focus on the editor's `TEXTAREA` element (or a predefined element) if the `imeFastEdit` option is enabled.
-    if (_classPrivateFieldGet(_hot, this).getSettings().imeFastEdit && !((_classPrivateFieldGet5 = _classPrivateFieldGet(_hot, this).getActiveEditor()) !== null && _classPrivateFieldGet5 !== void 0 && _classPrivateFieldGet5.isOpened()) && !!refocusElement) {
+    if (_classPrivateFieldGet(_hot, this).getSettings().imeFastEdit && !((_classPrivateFieldGet5 = _classPrivateFieldGet(_hot, this).getActiveEditor()) !== null && _classPrivateFieldGet5 !== void 0 && _classPrivateFieldGet5.isOpened())) {
       if (!_classPrivateFieldGet(_debouncedSelect, this).has(delay)) {
         _classPrivateFieldGet(_debouncedSelect, this).set(delay, (0, _function.debounce)(() => {
-          refocusElement.select();
+          var _this$getRefocusEleme;
+          (_this$getRefocusEleme = this.getRefocusElement()) === null || _this$getRefocusEleme === void 0 || _this$getRefocusEleme.select();
         }, delay));
       }
       _classPrivateFieldGet(_debouncedSelect, this).get(delay)();