handsontable 0.0.0-next-c8116f8-20240920 → 0.0.0-next-ffdf116-20240926

package/editors/autocompleteEditor/autocompleteEditor.js

@@ -9,7 +9,6 @@ var _element = require("../../helpers/dom/element");
 var _mixed = require("../../helpers/mixed");
 var _string = require("../../helpers/string");
 var _unicode = require("../../helpers/unicode");
-var _browser = require("../../helpers/browser");
 var _textRenderer = require("../../renderers/textRenderer");
 var _a11y = require("../../helpers/a11y");
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -183,15 +182,11 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     } = this;
     this.showEditableElement();
     this.focus();
-    let scrollbarWidth = (0, _element.getScrollbarWidth)();
-    if (scrollbarWidth === 0 && (0, _browser.isMacOS)()) {
-      scrollbarWidth += 15; // default scroll bar width if scroll bars are visible only when scrolling
-    }
     this.addHook('beforeKeyDown', event => this.onBeforeKeyDown(event));
     this.htEditor.updateSettings({
       colWidths: trimDropdown ? [(0, _element.outerWidth)(this.TEXTAREA) - 2] : undefined,
-      width: trimDropdown ? (0, _element.outerWidth)(this.TEXTAREA) + scrollbarWidth : undefined,
       autoColumnSize: true,
+      autoRowSize: true,
       renderer: (hotInstance, TD, row, col, prop, value, cellProperties) => {
         (0, _textRenderer.textRenderer)(hotInstance, TD, row, col, prop, value, cellProperties);
         const {
@@ -350,7 +345,7 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     }
     const textareaOffset = (0, _element.offset)(this.TEXTAREA);
     const textareaHeight = (0, _element.outerHeight)(this.TEXTAREA);
-    const dropdownHeight = this.getDropdownHeight();
+    const dropdownHeight = this.getHeight();
     const trimmingContainerScrollTop = trimmingContainer.scrollTop;
     const headersHeight = (0, _element.outerHeight)(this.hot.view._wt.wtTable.THEAD);
     const containerOffset = (0, _element.offset)(trimmingContainer);
@@ -423,12 +418,18 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
    * @private
    */
   updateDropdownDimensions() {
-    const currentDropdownWidth = this.htEditor.getColWidth(0) + (0, _element.getScrollbarWidth)(this.hot.rootDocument) + 2;
     const trimDropdown = this.cellProperties.trimDropdown;
+    const width = trimDropdown ? this.getWidth() : undefined;
+    const height = this.getHeight();
     this.htEditor.updateSettings({
-      height: this.getDropdownHeight(),
-      width: trimDropdown ? undefined : currentDropdownWidth
+      width,
+      height
     });
+    if (trimDropdown && this.htEditor.view.hasVerticalScroll()) {
+      this.htEditor.updateSettings({
+        width: width + (0, _element.getScrollbarWidth)(this.hot.rootDocument)
+      });
+    }
     this.htEditor.view._wt.wtTable.alignOverlaysWithTrimmingContainer();
   }
 
@@ -464,10 +465,26 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
    * @private
    * @returns {number}
    */
-  getDropdownHeight() {
-    const firstRowHeight = this.htEditor.getRowHeight(0) || 23;
-    const visibleRows = this.cellProperties.visibleRows;
-    return this.strippedChoices.length >= visibleRows ? visibleRows * firstRowHeight : this.strippedChoices.length * firstRowHeight + 8; // eslint-disable-line max-len
+  getHeight() {
+    const containerStyle = this.hot.rootWindow.getComputedStyle(this.htContainer.querySelector('.htCore'));
+    const borderVerticalCompensation = parseInt(containerStyle.borderTopWidth, 10) + parseInt(containerStyle.borderBottomWidth, 10);
+    const maxItems = Math.min(this.cellProperties.visibleRows, this.strippedChoices.length);
+    const height = Array.from({
+      length: maxItems
+    }, (_, i) => i).reduce((h, index) => h + this.htEditor.getRowHeight(index), 0);
+    return height + borderVerticalCompensation + 1;
+  }
+
+  /**
+   * Calculates and return the internal Handsontable's width.
+   *
+   * @private
+   * @returns {number}
+   */
+  getWidth() {
+    const containerStyle = this.hot.rootWindow.getComputedStyle(this.htContainer.querySelector('.htCore'));
+    const borderHorizontalCompensation = parseInt(containerStyle.borderInlineStartWidth, 10) + parseInt(containerStyle.borderInlineEndWidth, 10);
+    return this.htEditor.getColWidth(0) + borderHorizontalCompensation;
   }
 
   /**

package/editors/autocompleteEditor/autocompleteEditor.mjs

@@ -13,7 +13,6 @@ import { addClass, getCaretPosition, getScrollbarWidth, getSelectionEndPosition,
 import { isDefined, stringify } from "../../helpers/mixed.mjs";
 import { stripTags } from "../../helpers/string.mjs";
 import { KEY_CODES, isPrintableChar } from "../../helpers/unicode.mjs";
-import { isMacOS } from "../../helpers/browser.mjs";
 import { textRenderer } from "../../renderers/textRenderer/index.mjs";
 import { A11Y_ACTIVEDESCENDANT, A11Y_AUTOCOMPLETE, A11Y_COMBOBOX, A11Y_CONTROLS, A11Y_EXPANDED, A11Y_HASPOPUP, A11Y_LISTBOX, A11Y_LIVE, A11Y_OPTION, A11Y_POSINSET, A11Y_PRESENTATION, A11Y_RELEVANT, A11Y_SELECTED, A11Y_SETSIZE, A11Y_TEXT } from "../../helpers/a11y.mjs";
 export const EDITOR_TYPE = 'autocomplete';
@@ -180,15 +179,11 @@ export class AutocompleteEditor extends HandsontableEditor {
     } = this;
     this.showEditableElement();
     this.focus();
-    let scrollbarWidth = getScrollbarWidth();
-    if (scrollbarWidth === 0 && isMacOS()) {
-      scrollbarWidth += 15; // default scroll bar width if scroll bars are visible only when scrolling
-    }
     this.addHook('beforeKeyDown', event => this.onBeforeKeyDown(event));
     this.htEditor.updateSettings({
       colWidths: trimDropdown ? [outerWidth(this.TEXTAREA) - 2] : undefined,
-      width: trimDropdown ? outerWidth(this.TEXTAREA) + scrollbarWidth : undefined,
       autoColumnSize: true,
+      autoRowSize: true,
       renderer: (hotInstance, TD, row, col, prop, value, cellProperties) => {
         textRenderer(hotInstance, TD, row, col, prop, value, cellProperties);
         const {
@@ -347,7 +342,7 @@ export class AutocompleteEditor extends HandsontableEditor {
     }
     const textareaOffset = offset(this.TEXTAREA);
     const textareaHeight = outerHeight(this.TEXTAREA);
-    const dropdownHeight = this.getDropdownHeight();
+    const dropdownHeight = this.getHeight();
     const trimmingContainerScrollTop = trimmingContainer.scrollTop;
     const headersHeight = outerHeight(this.hot.view._wt.wtTable.THEAD);
     const containerOffset = offset(trimmingContainer);
@@ -420,12 +415,18 @@ export class AutocompleteEditor extends HandsontableEditor {
    * @private
    */
   updateDropdownDimensions() {
-    const currentDropdownWidth = this.htEditor.getColWidth(0) + getScrollbarWidth(this.hot.rootDocument) + 2;
     const trimDropdown = this.cellProperties.trimDropdown;
+    const width = trimDropdown ? this.getWidth() : undefined;
+    const height = this.getHeight();
     this.htEditor.updateSettings({
-      height: this.getDropdownHeight(),
-      width: trimDropdown ? undefined : currentDropdownWidth
+      width,
+      height
     });
+    if (trimDropdown && this.htEditor.view.hasVerticalScroll()) {
+      this.htEditor.updateSettings({
+        width: width + getScrollbarWidth(this.hot.rootDocument)
+      });
+    }
     this.htEditor.view._wt.wtTable.alignOverlaysWithTrimmingContainer();
   }
 
@@ -461,10 +462,26 @@ export class AutocompleteEditor extends HandsontableEditor {
    * @private
    * @returns {number}
    */
-  getDropdownHeight() {
-    const firstRowHeight = this.htEditor.getRowHeight(0) || 23;
-    const visibleRows = this.cellProperties.visibleRows;
-    return this.strippedChoices.length >= visibleRows ? visibleRows * firstRowHeight : this.strippedChoices.length * firstRowHeight + 8; // eslint-disable-line max-len
+  getHeight() {
+    const containerStyle = this.hot.rootWindow.getComputedStyle(this.htContainer.querySelector('.htCore'));
+    const borderVerticalCompensation = parseInt(containerStyle.borderTopWidth, 10) + parseInt(containerStyle.borderBottomWidth, 10);
+    const maxItems = Math.min(this.cellProperties.visibleRows, this.strippedChoices.length);
+    const height = Array.from({
+      length: maxItems
+    }, (_, i) => i).reduce((h, index) => h + this.htEditor.getRowHeight(index), 0);
+    return height + borderVerticalCompensation + 1;
+  }
+
+  /**
+   * Calculates and return the internal Handsontable's width.
+   *
+   * @private
+   * @returns {number}
+   */
+  getWidth() {
+    const containerStyle = this.hot.rootWindow.getComputedStyle(this.htContainer.querySelector('.htCore'));
+    const borderHorizontalCompensation = parseInt(containerStyle.borderInlineStartWidth, 10) + parseInt(containerStyle.borderInlineEndWidth, 10);
+    return this.htEditor.getColWidth(0) + borderHorizontalCompensation;
   }
 
   /**

package/editors/baseEditor/baseEditor.js

@@ -476,7 +476,7 @@ class BaseEditor {
     } else if (['top', 'master', 'bottom'].includes(overlayName)) {
       cellStartOffset += firstColumnOffset - horizontalScrollPosition;
     }
-    const cellComputedStyle = (0, _element.getComputedStyle)(this.TD, this.hot.rootWindow);
+    const cellComputedStyle = rootWindow.getComputedStyle(this.TD);
     const borderPhysicalWidthProp = this.hot.isRtl() ? 'borderRightWidth' : 'borderLeftWidth';
     const inlineStartBorderCompensation = parseInt(cellComputedStyle[borderPhysicalWidthProp], 10) > 0 ? 0 : 1;
     const topBorderCompensation = parseInt(cellComputedStyle.borderTopWidth, 10) > 0 ? 0 : 1;

package/editors/baseEditor/baseEditor.mjs

@@ -5,7 +5,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import { stringify } from "../../helpers/mixed.mjs";
 import { mixin } from "../../helpers/object.mjs";
 import hooksRefRegisterer from "../../mixins/hooksRefRegisterer.mjs";
-import { getScrollbarWidth, offset, hasVerticalScrollbar, hasHorizontalScrollbar, outerWidth, outerHeight, getComputedStyle } from "../../helpers/dom/element.mjs";
+import { getScrollbarWidth, offset, hasVerticalScrollbar, hasHorizontalScrollbar, outerWidth, outerHeight } from "../../helpers/dom/element.mjs";
 export const EDITOR_TYPE = 'base';
 export const EDITOR_STATE = Object.freeze({
   VIRGIN: 'STATE_VIRGIN',
@@ -472,7 +472,7 @@ export class BaseEditor {
     } else if (['top', 'master', 'bottom'].includes(overlayName)) {
       cellStartOffset += firstColumnOffset - horizontalScrollPosition;
     }
-    const cellComputedStyle = getComputedStyle(this.TD, this.hot.rootWindow);
+    const cellComputedStyle = rootWindow.getComputedStyle(this.TD);
     const borderPhysicalWidthProp = this.hot.isRtl() ? 'borderRightWidth' : 'borderLeftWidth';
     const inlineStartBorderCompensation = parseInt(cellComputedStyle[borderPhysicalWidthProp], 10) > 0 ? 0 : 1;
     const topBorderCompensation = parseInt(cellComputedStyle.borderTopWidth, 10) > 0 ? 0 : 1;

package/editors/handsontableEditor/handsontableEditor.js

@@ -41,6 +41,10 @@ class HandsontableEditor extends _textEditor.TextEditor {
     }
     (0, _element.setCaretPosition)(this.TEXTAREA, 0, this.TEXTAREA.value.length);
     this.refreshDimensions();
+    this.htEditor.updateSettings({
+      width: this.getWidth(),
+      height: this.getHeight()
+    });
   }
 
   /**
@@ -147,6 +151,26 @@ class HandsontableEditor extends _textEditor.TextEditor {
     super.finishEditing(restoreOriginalValue, ctrlDown, callback);
   }
 
+  /**
+   * Calculates and return the internal Handsontable's height.
+   *
+   * @private
+   * @returns {number}
+   */
+  getHeight() {
+    return this.htEditor.view.getTableHeight();
+  }
+
+  /**
+   * Calculates and return the internal Handsontable's width.
+   *
+   * @private
+   * @returns {number}
+   */
+  getWidth() {
+    return this.htEditor.view.getTableWidth();
+  }
+
   /**
    * Assigns afterDestroy callback to prevent memory leaks.
    *

package/editors/handsontableEditor/handsontableEditor.mjs

@@ -38,6 +38,10 @@ export class HandsontableEditor extends TextEditor {
     }
     setCaretPosition(this.TEXTAREA, 0, this.TEXTAREA.value.length);
     this.refreshDimensions();
+    this.htEditor.updateSettings({
+      width: this.getWidth(),
+      height: this.getHeight()
+    });
   }
 
   /**
@@ -144,6 +148,26 @@ export class HandsontableEditor extends TextEditor {
     super.finishEditing(restoreOriginalValue, ctrlDown, callback);
   }
 
+  /**
+   * Calculates and return the internal Handsontable's height.
+   *
+   * @private
+   * @returns {number}
+   */
+  getHeight() {
+    return this.htEditor.view.getTableHeight();
+  }
+
+  /**
+   * Calculates and return the internal Handsontable's width.
+   *
+   * @private
+   * @returns {number}
+   */
+  getWidth() {
+    return this.htEditor.view.getTableWidth();
+  }
+
   /**
    * Assigns afterDestroy callback to prevent memory leaks.
    *

package/editors/textEditor/textEditor.js

@@ -308,11 +308,11 @@ class TextEditor extends _baseEditor.BaseEditor {
     this.textareaParentStyle.top = `${top}px`;
     this.textareaParentStyle[this.hot.isRtl() ? 'right' : 'left'] = `${start}px`;
     this.showEditableElement();
-    const cellComputedStyle = (0, _element.getComputedStyle)(this.TD, this.hot.rootWindow);
+    const cellComputedStyle = this.hot.rootWindow.getComputedStyle(this.TD);
     this.TEXTAREA.style.fontSize = cellComputedStyle.fontSize;
     this.TEXTAREA.style.fontFamily = cellComputedStyle.fontFamily;
     this.TEXTAREA.style.backgroundColor = this.TD.style.backgroundColor;
-    const textareaComputedStyle = (0, _element.getComputedStyle)(this.TEXTAREA);
+    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;

package/editors/textEditor/textEditor.mjs

@@ -5,7 +5,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import { BaseEditor, EDITOR_STATE } from "../baseEditor/index.mjs";
 import EventManager from "../../eventManager.mjs";
 import { isEdge, isIOS } from "../../helpers/browser.mjs";
-import { addClass, getComputedStyle, isThisHotChild, setCaretPosition, hasClass, removeClass, setAttribute } from "../../helpers/dom/element.mjs";
+import { addClass, isThisHotChild, setCaretPosition, hasClass, removeClass, setAttribute } from "../../helpers/dom/element.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
 import { createInputElementResizer } from "../../utils/autoResize.mjs";
 import { isDefined } from "../../helpers/mixed.mjs";
@@ -304,11 +304,11 @@ export class TextEditor extends BaseEditor {
     this.textareaParentStyle.top = `${top}px`;
     this.textareaParentStyle[this.hot.isRtl() ? 'right' : 'left'] = `${start}px`;
     this.showEditableElement();
-    const cellComputedStyle = getComputedStyle(this.TD, this.hot.rootWindow);
+    const cellComputedStyle = this.hot.rootWindow.getComputedStyle(this.TD);
     this.TEXTAREA.style.fontSize = cellComputedStyle.fontSize;
     this.TEXTAREA.style.fontFamily = cellComputedStyle.fontFamily;
     this.TEXTAREA.style.backgroundColor = this.TD.style.backgroundColor;
-    const textareaComputedStyle = getComputedStyle(this.TEXTAREA);
+    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;

package/helpers/dom/element.js

@@ -10,7 +10,6 @@ exports.empty = empty;
 exports.fastInnerHTML = fastInnerHTML;
 exports.fastInnerText = fastInnerText;
 exports.getCaretPosition = getCaretPosition;
-exports.getComputedStyle = getComputedStyle;
 exports.getCssTransform = getCssTransform;
 exports.getFrameElement = getFrameElement;
 exports.getMaximumScrollLeft = getMaximumScrollLeft;
@@ -488,6 +487,7 @@ function fastInnerText(element, content) {
  */
 function isVisible(element) {
   const documentElement = element.ownerDocument.documentElement;
+  const windowElement = element.ownerDocument.defaultView;
   let next = element;
   while (next !== documentElement) {
     // until <html> reached
@@ -510,7 +510,7 @@ function isVisible(element) {
       } else {
         return false; // this is a node detached from document in IE8
       }
-    } else if (getComputedStyle(next).display === 'none') {
+    } else if (windowElement.getComputedStyle(next).display === 'none') {
       return false;
     }
     next = next.parentNode;
@@ -700,7 +700,7 @@ function getTrimmingContainer(base) {
     if (el.style.overflow !== 'visible' && el.style.overflow !== '') {
       return el;
     }
-    const computedStyle = getComputedStyle(el, rootWindow);
+    const computedStyle = rootWindow.getComputedStyle(el);
     const allowedProperties = ['scroll', 'hidden', 'auto'];
     const property = computedStyle.getPropertyValue('overflow');
     const propertyY = computedStyle.getPropertyValue('overflow-y');
@@ -738,7 +738,7 @@ function getStyle(element, prop) {
   if (styleProp !== '' && styleProp !== undefined) {
     return styleProp;
   }
-  const computedStyle = getComputedStyle(element, rootWindow);
+  const computedStyle = rootWindow.getComputedStyle(element);
   if (computedStyle[prop] !== '' && computedStyle[prop] !== undefined) {
     return computedStyle[prop];
   }
@@ -766,19 +766,6 @@ function matchesCSSRules(element, rule) {
   return result;
 }
 
-/**
- * Returns a computed style object for the provided element. (Needed if style is declared in external stylesheet).
- *
- * @param {HTMLElement} element An element to get style from.
- * @param {Window} [rootWindow] The document window owner.
- * @returns {IEElementStyle|CssStyle} Elements computed style object.
- */
-// eslint-disable-next-line no-restricted-globals
-function getComputedStyle(element) {
-  let rootWindow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
-  return element.currentStyle || rootWindow.getComputedStyle(element);
-}
-
 /**
  * Returns the element's outer width.
  *

package/helpers/dom/element.mjs

@@ -428,6 +428,7 @@ export function fastInnerText(element, content) {
  */
 export function isVisible(element) {
   const documentElement = element.ownerDocument.documentElement;
+  const windowElement = element.ownerDocument.defaultView;
   let next = element;
   while (next !== documentElement) {
     // until <html> reached
@@ -450,7 +451,7 @@ export function isVisible(element) {
       } else {
         return false; // this is a node detached from document in IE8
       }
-    } else if (getComputedStyle(next).display === 'none') {
+    } else if (windowElement.getComputedStyle(next).display === 'none') {
       return false;
     }
     next = next.parentNode;
@@ -640,7 +641,7 @@ export function getTrimmingContainer(base) {
     if (el.style.overflow !== 'visible' && el.style.overflow !== '') {
       return el;
     }
-    const computedStyle = getComputedStyle(el, rootWindow);
+    const computedStyle = rootWindow.getComputedStyle(el);
     const allowedProperties = ['scroll', 'hidden', 'auto'];
     const property = computedStyle.getPropertyValue('overflow');
     const propertyY = computedStyle.getPropertyValue('overflow-y');
@@ -678,7 +679,7 @@ export function getStyle(element, prop) {
   if (styleProp !== '' && styleProp !== undefined) {
     return styleProp;
   }
-  const computedStyle = getComputedStyle(element, rootWindow);
+  const computedStyle = rootWindow.getComputedStyle(element);
   if (computedStyle[prop] !== '' && computedStyle[prop] !== undefined) {
     return computedStyle[prop];
   }
@@ -706,19 +707,6 @@ export function matchesCSSRules(element, rule) {
   return result;
 }
 
-/**
- * Returns a computed style object for the provided element. (Needed if style is declared in external stylesheet).
- *
- * @param {HTMLElement} element An element to get style from.
- * @param {Window} [rootWindow] The document window owner.
- * @returns {IEElementStyle|CssStyle} Elements computed style object.
- */
-// eslint-disable-next-line no-restricted-globals
-export function getComputedStyle(element) {
-  let rootWindow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
-  return element.currentStyle || rootWindow.getComputedStyle(element);
-}
-
 /**
  * Returns the element's outer width.
  *

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-c8116f8-20240920";
+  const hotVersion = "0.0.0-next-ffdf116-20240926";
   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-c8116f8-20240920";
+  const hotVersion = "0.0.0-next-ffdf116-20240926";
   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-c8116f8-20240920",
+  "version": "0.0.0-next-ffdf116-20240926",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/plugins/contextMenu/menu/menu.js

@@ -57,7 +57,7 @@ class Menu {
    */
   get tableBorderWidth() {
     if (_classPrivateFieldGet(_tableBorderWidth, this) === undefined && this.hotMenu) {
-      _classPrivateFieldSet(_tableBorderWidth, this, parseInt((0, _element.getComputedStyle)(this.hotMenu.view._wt.wtTable.TABLE).borderWidth, 10));
+      _classPrivateFieldSet(_tableBorderWidth, this, parseInt(this.hotMenu.rootWindow.getComputedStyle(this.hotMenu.view._wt.wtTable.TABLE).borderWidth, 10));
     }
     return _classPrivateFieldGet(_tableBorderWidth, this);
   }

package/plugins/contextMenu/menu/menu.mjs

@@ -16,7 +16,7 @@ import { filterSeparators, hasSubMenu, isItemHidden, normalizeSelection, isItemS
 import EventManager from "../../../eventManager.mjs";
 import { arrayEach, arrayFilter, arrayReduce } from "../../../helpers/array.mjs";
 import { isWindowsOS, isMobileBrowser, isIpadOS } from "../../../helpers/browser.mjs";
-import { addClass, isChildOf, getComputedStyle, getParentWindow, hasClass, setAttribute, outerHeight } from "../../../helpers/dom/element.mjs";
+import { addClass, isChildOf, getParentWindow, hasClass, setAttribute, outerHeight } from "../../../helpers/dom/element.mjs";
 import { isRightClick } from "../../../helpers/dom/event.mjs";
 import { debounce, isFunction } from "../../../helpers/function.mjs";
 import { isUndefined, isDefined } from "../../../helpers/mixed.mjs";
@@ -53,7 +53,7 @@ export class Menu {
    */
   get tableBorderWidth() {
     if (_classPrivateFieldGet(_tableBorderWidth, this) === undefined && this.hotMenu) {
-      _classPrivateFieldSet(_tableBorderWidth, this, parseInt(getComputedStyle(this.hotMenu.view._wt.wtTable.TABLE).borderWidth, 10));
+      _classPrivateFieldSet(_tableBorderWidth, this, parseInt(this.hotMenu.rootWindow.getComputedStyle(this.hotMenu.view._wt.wtTable.TABLE).borderWidth, 10));
     }
     return _classPrivateFieldGet(_tableBorderWidth, this);
   }

package/plugins/contextMenu/menu/positioner.js

@@ -165,7 +165,8 @@ class Positioner {
   setPositionOnRightOfCursor() {
     let left = _classPrivateFieldGet(_cursor, this).left;
     if (_classPrivateFieldGet(_parentContainer, this)) {
-      const borderRightWidth = Number.parseInt(getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.htCore')).borderRightWidth, 10);
+      const rootWindow = _classPrivateFieldGet(_parentContainer, this).ownerDocument.defaultView;
+      const borderRightWidth = Number.parseInt(rootWindow.getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.htCore')).borderRightWidth, 10);
       left += _classPrivateFieldGet(_cursor, this).cellWidth + borderRightWidth;
     } else {
       left += _classPrivateFieldGet(_offset, this).right;
@@ -179,7 +180,8 @@ class Positioner {
   setPositionOnLeftOfCursor() {
     let left = _classPrivateFieldGet(_offset, this).left + _classPrivateFieldGet(_cursor, this).left - _classPrivateFieldGet(_container, this).offsetWidth;
     if (_classPrivateFieldGet(_parentContainer, this)) {
-      const borderLeftWidth = Number.parseInt(getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.htCore')).borderLeftWidth, 10);
+      const rootWindow = _classPrivateFieldGet(_parentContainer, this).ownerDocument.defaultView;
+      const borderLeftWidth = Number.parseInt(rootWindow.getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.htCore')).borderLeftWidth, 10);
       left -= borderLeftWidth;
     }
     _classPrivateFieldGet(_container, this).style.left = `${left}px`;

package/plugins/contextMenu/menu/positioner.mjs

@@ -162,7 +162,8 @@ export class Positioner {
   setPositionOnRightOfCursor() {
     let left = _classPrivateFieldGet(_cursor, this).left;
     if (_classPrivateFieldGet(_parentContainer, this)) {
-      const borderRightWidth = Number.parseInt(getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.htCore')).borderRightWidth, 10);
+      const rootWindow = _classPrivateFieldGet(_parentContainer, this).ownerDocument.defaultView;
+      const borderRightWidth = Number.parseInt(rootWindow.getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.htCore')).borderRightWidth, 10);
       left += _classPrivateFieldGet(_cursor, this).cellWidth + borderRightWidth;
     } else {
       left += _classPrivateFieldGet(_offset, this).right;
@@ -176,7 +177,8 @@ export class Positioner {
   setPositionOnLeftOfCursor() {
     let left = _classPrivateFieldGet(_offset, this).left + _classPrivateFieldGet(_cursor, this).left - _classPrivateFieldGet(_container, this).offsetWidth;
     if (_classPrivateFieldGet(_parentContainer, this)) {
-      const borderLeftWidth = Number.parseInt(getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.htCore')).borderLeftWidth, 10);
+      const rootWindow = _classPrivateFieldGet(_parentContainer, this).ownerDocument.defaultView;
+      const borderLeftWidth = Number.parseInt(rootWindow.getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.htCore')).borderLeftWidth, 10);
       left -= borderLeftWidth;
     }
     _classPrivateFieldGet(_container, this).style.left = `${left}px`;

package/tableView.js

@@ -1472,6 +1472,42 @@ class TableView {
   isVisible() {
     return this._wt.wtTable.isVisible();
   }
+
+  /**
+   * Checks if the table has a horizontal scrollbar.
+   *
+   * @returns {boolean}
+   */
+  hasVerticalScroll() {
+    return this._wt.wtViewport.hasVerticalScroll();
+  }
+
+  /**
+   * Checks if the table has a vertical scrollbar.
+   *
+   * @returns {boolean}
+   */
+  hasHorizontalScroll() {
+    return this._wt.wtViewport.hasHorizontalScroll();
+  }
+
+  /**
+   * Gets the table's width.
+   *
+   * @returns {boolean}
+   */
+  getTableWidth() {
+    return this._wt.wtTable.getWidth();
+  }
+
+  /**
+   * Gets the table's height.
+   *
+   * @returns {boolean}
+   */
+  getTableHeight() {
+    return this._wt.wtTable.getHeight();
+  }
   /**
    * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
    *

package/tableView.mjs

@@ -1468,6 +1468,42 @@ class TableView {
   isVisible() {
     return this._wt.wtTable.isVisible();
   }
+
+  /**
+   * Checks if the table has a horizontal scrollbar.
+   *
+   * @returns {boolean}
+   */
+  hasVerticalScroll() {
+    return this._wt.wtViewport.hasVerticalScroll();
+  }
+
+  /**
+   * Checks if the table has a vertical scrollbar.
+   *
+   * @returns {boolean}
+   */
+  hasHorizontalScroll() {
+    return this._wt.wtViewport.hasHorizontalScroll();
+  }
+
+  /**
+   * Gets the table's width.
+   *
+   * @returns {boolean}
+   */
+  getTableWidth() {
+    return this._wt.wtTable.getWidth();
+  }
+
+  /**
+   * Gets the table's height.
+   *
+   * @returns {boolean}
+   */
+  getTableHeight() {
+    return this._wt.wtTable.getHeight();
+  }
   /**
    * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
    *