handsontable 0.0.0-next-3c2766c-20240422 → 0.0.0-next-442dd51-20240422

package/3rdparty/walkontable/src/calculator/viewportColumns.js

@@ -137,9 +137,9 @@ class ViewportColumnsCalculator {
     const inlineStartColumnOffset = calculationType === _constants.FULLY_VISIBLE_TYPE ? firstVisibleColumnWidth : 0;
     if (
     // the table is to the left of the viewport
-    mostRightScrollOffset < -1 * _classPrivateFieldGet(_options, this).inlineStartOffset || scrollOffset >= startPositions.at(-1) + inlineEndColumnOffset ||
+    mostRightScrollOffset < -1 * _classPrivateFieldGet(_options, this).inlineStartOffset || scrollOffset > startPositions.at(-1) + inlineEndColumnOffset ||
     // the table is to the right of the viewport
-    -1 * _classPrivateFieldGet(_options, this).scrollOffset - _classPrivateFieldGet(_options, this).viewportWidth >= -1 * inlineStartColumnOffset) {
+    -1 * _classPrivateFieldGet(_options, this).scrollOffset - _classPrivateFieldGet(_options, this).viewportWidth > -1 * inlineStartColumnOffset) {
       this.isVisibleInTrimmingContainer = false;
     } else {
       this.isVisibleInTrimmingContainer = true;

package/3rdparty/walkontable/src/calculator/viewportColumns.mjs

@@ -134,9 +134,9 @@ export class ViewportColumnsCalculator {
     const inlineStartColumnOffset = calculationType === FULLY_VISIBLE_TYPE ? firstVisibleColumnWidth : 0;
     if (
     // the table is to the left of the viewport
-    mostRightScrollOffset < -1 * _classPrivateFieldGet(_options, this).inlineStartOffset || scrollOffset >= startPositions.at(-1) + inlineEndColumnOffset ||
+    mostRightScrollOffset < -1 * _classPrivateFieldGet(_options, this).inlineStartOffset || scrollOffset > startPositions.at(-1) + inlineEndColumnOffset ||
     // the table is to the right of the viewport
-    -1 * _classPrivateFieldGet(_options, this).scrollOffset - _classPrivateFieldGet(_options, this).viewportWidth >= -1 * inlineStartColumnOffset) {
+    -1 * _classPrivateFieldGet(_options, this).scrollOffset - _classPrivateFieldGet(_options, this).viewportWidth > -1 * inlineStartColumnOffset) {
       this.isVisibleInTrimmingContainer = false;
     } else {
       this.isVisibleInTrimmingContainer = true;

package/3rdparty/walkontable/src/calculator/viewportRows.js

@@ -138,7 +138,7 @@ class ViewportRowsCalculator {
     const mostBottomScrollOffset = scrollOffset + viewportHeight - horizontalScrollbarHeight;
     const topRowOffset = calculationType === _constants.FULLY_VISIBLE_TYPE ? firstVisibleRowHeight : 0;
     const bottomRowOffset = calculationType === _constants.FULLY_VISIBLE_TYPE ? 0 : lastVisibleRowHeight;
-    if (mostBottomScrollOffset <= topRowOffset || scrollOffset >= startPositions.at(-1) + bottomRowOffset) {
+    if (mostBottomScrollOffset < topRowOffset || scrollOffset > startPositions.at(-1) + bottomRowOffset) {
       this.isVisibleInTrimmingContainer = false;
     } else {
       this.isVisibleInTrimmingContainer = true;

package/3rdparty/walkontable/src/calculator/viewportRows.mjs

@@ -135,7 +135,7 @@ export class ViewportRowsCalculator {
     const mostBottomScrollOffset = scrollOffset + viewportHeight - horizontalScrollbarHeight;
     const topRowOffset = calculationType === FULLY_VISIBLE_TYPE ? firstVisibleRowHeight : 0;
     const bottomRowOffset = calculationType === FULLY_VISIBLE_TYPE ? 0 : lastVisibleRowHeight;
-    if (mostBottomScrollOffset <= topRowOffset || scrollOffset >= startPositions.at(-1) + bottomRowOffset) {
+    if (mostBottomScrollOffset < topRowOffset || scrollOffset > startPositions.at(-1) + bottomRowOffset) {
       this.isVisibleInTrimmingContainer = false;
     } else {
       this.isVisibleInTrimmingContainer = true;

package/3rdparty/walkontable/src/overlay/_base.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 var _element = require("../../../../helpers/dom/element");
 var _object = require("../../../../helpers/object");
+var _array = require("../../../../helpers/array");
 var _console = require("../../../../helpers/console");
 var _constants = require("./constants");
 var _clone = _interopRequireDefault(require("../core/clone"));
@@ -60,35 +61,24 @@ class Overlay {
     this.holder = holder;
     this.wtRootElement = wtRootElement;
     this.trimmingContainer = (0, _element.getTrimmingContainer)(this.hider.parentNode.parentNode);
-    this.needFullRender = this.shouldBeRendered();
+    this.updateStateOfRendering();
     this.clone = this.makeClone();
   }
 
   /**
-   * Checks if the overlay rendering state has changed.
+   * Update internal state of object with an information about the need of full rendering of the overlay.
    *
-   * @returns {boolean}
+   * @returns {boolean} Returns `true` if the state has changed since the last check.
    */
-  hasRenderingStateChanged() {
-    return this.needFullRender !== this.shouldBeRendered();
-  }
-
-  /**
-   * Updates internal state with an information about the need of full rendering of the overlay in the next draw cycles.
-   *
-   * If the state is changed to render the overlay, the `needFullRender` property is set to `true` which means that
-   * the overlay will be fully rendered in the current draw cycle. If the state is changed to not render the overlay,
-   * the `needFullRender` property is set to `false` which means that the overlay will be fully rendered in the
-   * current draw cycle but it will not be rendered in the next draw cycles.
-   *
-   * @param {'before' | 'after'} drawPhase The phase of the rendering process.
-   */
-  updateStateOfRendering(drawPhase) {
-    if (drawPhase === 'before' && this.shouldBeRendered()) {
-      this.needFullRender = true;
-    } else if (drawPhase === 'after' && !this.shouldBeRendered()) {
-      this.needFullRender = false;
+  updateStateOfRendering() {
+    // todo refactoring: conceive introducing final state machine, normal -> changed (once) -> needs-full-render -> ...? -> normal
+    const previousState = this.needFullRender;
+    this.needFullRender = this.shouldBeRendered();
+    const changed = previousState !== this.needFullRender;
+    if (changed && !this.needFullRender) {
+      this.reset();
     }
+    return changed;
   }
 
   /**
@@ -315,21 +305,27 @@ class Overlay {
    */
   refresh() {
     let fastDraw = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (this.needFullRender) {
+    // When hot settings are changed we allow to refresh overlay once before blocking
+    const nextCycleRenderFlag = this.shouldBeRendered();
+    if (this.clone && (this.needFullRender || nextCycleRenderFlag)) {
       this.clone.draw(fastDraw);
     }
+    this.needFullRender = nextCycleRenderFlag;
   }
 
   /**
    * Reset overlay styles to initial values.
    */
   reset() {
+    if (!this.clone) {
+      return;
+    }
     const holder = this.clone.wtTable.holder; // todo refactoring: DEMETER
     const hider = this.clone.wtTable.hider; // todo refactoring: DEMETER
     const holderStyle = holder.style;
     const hiderStyle = hider.style;
     const rootStyle = holder.parentNode.style;
-    [holderStyle, hiderStyle, rootStyle].forEach(style => {
+    (0, _array.arrayEach)([holderStyle, hiderStyle, rootStyle], style => {
       style.width = '';
       style.height = '';
     });

package/3rdparty/walkontable/src/overlay/_base.mjs

@@ -4,6 +4,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { getScrollableElement, getTrimmingContainer, getScrollbarWidth, setAttribute } from "../../../../helpers/dom/element.mjs";
 import { defineGetter } from "../../../../helpers/object.mjs";
+import { arrayEach } from "../../../../helpers/array.mjs";
 import { warn } from "../../../../helpers/console.mjs";
 import { CLONE_TYPES, CLONE_CLASS_NAMES, CLONE_TOP, CLONE_INLINE_START } from "./constants.mjs";
 import Clone from "../core/clone.mjs";
@@ -56,35 +57,24 @@ export class Overlay {
     this.holder = holder;
     this.wtRootElement = wtRootElement;
     this.trimmingContainer = getTrimmingContainer(this.hider.parentNode.parentNode);
-    this.needFullRender = this.shouldBeRendered();
+    this.updateStateOfRendering();
     this.clone = this.makeClone();
   }
 
   /**
-   * Checks if the overlay rendering state has changed.
+   * Update internal state of object with an information about the need of full rendering of the overlay.
    *
-   * @returns {boolean}
+   * @returns {boolean} Returns `true` if the state has changed since the last check.
    */
-  hasRenderingStateChanged() {
-    return this.needFullRender !== this.shouldBeRendered();
-  }
-
-  /**
-   * Updates internal state with an information about the need of full rendering of the overlay in the next draw cycles.
-   *
-   * If the state is changed to render the overlay, the `needFullRender` property is set to `true` which means that
-   * the overlay will be fully rendered in the current draw cycle. If the state is changed to not render the overlay,
-   * the `needFullRender` property is set to `false` which means that the overlay will be fully rendered in the
-   * current draw cycle but it will not be rendered in the next draw cycles.
-   *
-   * @param {'before' | 'after'} drawPhase The phase of the rendering process.
-   */
-  updateStateOfRendering(drawPhase) {
-    if (drawPhase === 'before' && this.shouldBeRendered()) {
-      this.needFullRender = true;
-    } else if (drawPhase === 'after' && !this.shouldBeRendered()) {
-      this.needFullRender = false;
+  updateStateOfRendering() {
+    // todo refactoring: conceive introducing final state machine, normal -> changed (once) -> needs-full-render -> ...? -> normal
+    const previousState = this.needFullRender;
+    this.needFullRender = this.shouldBeRendered();
+    const changed = previousState !== this.needFullRender;
+    if (changed && !this.needFullRender) {
+      this.reset();
     }
+    return changed;
   }
 
   /**
@@ -311,21 +301,27 @@ export class Overlay {
    */
   refresh() {
     let fastDraw = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (this.needFullRender) {
+    // When hot settings are changed we allow to refresh overlay once before blocking
+    const nextCycleRenderFlag = this.shouldBeRendered();
+    if (this.clone && (this.needFullRender || nextCycleRenderFlag)) {
       this.clone.draw(fastDraw);
     }
+    this.needFullRender = nextCycleRenderFlag;
   }
 
   /**
    * Reset overlay styles to initial values.
    */
   reset() {
+    if (!this.clone) {
+      return;
+    }
     const holder = this.clone.wtTable.holder; // todo refactoring: DEMETER
     const hider = this.clone.wtTable.hider; // todo refactoring: DEMETER
     const holderStyle = holder.style;
     const hiderStyle = hider.style;
     const rootStyle = holder.parentNode.style;
-    [holderStyle, hiderStyle, rootStyle].forEach(style => {
+    arrayEach([holderStyle, hiderStyle, rootStyle], style => {
       style.width = '';
       style.height = '';
     });

package/3rdparty/walkontable/src/overlay/bottom.js

@@ -61,7 +61,7 @@ class BottomOverlay extends _base.Overlay {
    * @returns {boolean}
    */
   resetFixedPosition() {
-    if (!this.needFullRender || !this.shouldBeRendered() || !this.wot.wtTable.holder.parentNode) {
+    if (!this.needFullRender || !this.wot.wtTable.holder.parentNode) {
       // removed from DOM
       return false;
     }
@@ -158,11 +158,14 @@ class BottomOverlay extends _base.Overlay {
   }
 
   /**
-   * Adjust overlay root element, children and master table element sizes (width, height).
+   * Adjust overlay root element, childs and master table element sizes (width, height).
+   *
+   * @param {boolean} [force=false] When `true`, it adjusts the DOM nodes sizes for that overlay.
    */
   adjustElementsSize() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this.updateTrimmingContainer();
-    if (this.needFullRender) {
+    if (this.needFullRender || force) {
       this.adjustRootElementSize();
       this.adjustRootChildrenSize();
     }

package/3rdparty/walkontable/src/overlay/bottom.mjs

@@ -57,7 +57,7 @@ export class BottomOverlay extends Overlay {
    * @returns {boolean}
    */
   resetFixedPosition() {
-    if (!this.needFullRender || !this.shouldBeRendered() || !this.wot.wtTable.holder.parentNode) {
+    if (!this.needFullRender || !this.wot.wtTable.holder.parentNode) {
       // removed from DOM
       return false;
     }
@@ -154,11 +154,14 @@ export class BottomOverlay extends Overlay {
   }
 
   /**
-   * Adjust overlay root element, children and master table element sizes (width, height).
+   * Adjust overlay root element, childs and master table element sizes (width, height).
+   *
+   * @param {boolean} [force=false] When `true`, it adjusts the DOM nodes sizes for that overlay.
    */
   adjustElementsSize() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this.updateTrimmingContainer();
-    if (this.needFullRender) {
+    if (this.needFullRender || force) {
       this.adjustRootElementSize();
       this.adjustRootChildrenSize();
     }

package/3rdparty/walkontable/src/overlay/inlineStart.js

@@ -54,7 +54,7 @@ class InlineStartOverlay extends _base.Overlay {
     const {
       wtTable
     } = this.wot;
-    if (!this.needFullRender || !this.shouldBeRendered() || !wtTable.holder.parentNode) {
+    if (!this.needFullRender || !wtTable.holder.parentNode) {
       // removed from DOM
       return false;
     }
@@ -126,11 +126,14 @@ class InlineStartOverlay extends _base.Overlay {
   }
 
   /**
-   * Adjust overlay root element, children and master table element sizes (width, height).
+   * Adjust overlay root element, childs and master table element sizes (width, height).
+   *
+   * @param {boolean} [force=false] When `true`, it adjusts the DOM nodes sizes for that overlay.
    */
   adjustElementsSize() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this.updateTrimmingContainer();
-    if (this.needFullRender) {
+    if (this.needFullRender || force) {
       this.adjustRootElementSize();
       this.adjustRootChildrenSize();
     }

package/3rdparty/walkontable/src/overlay/inlineStart.mjs

@@ -50,7 +50,7 @@ export class InlineStartOverlay extends Overlay {
     const {
       wtTable
     } = this.wot;
-    if (!this.needFullRender || !this.shouldBeRendered() || !wtTable.holder.parentNode) {
+    if (!this.needFullRender || !wtTable.holder.parentNode) {
       // removed from DOM
       return false;
     }
@@ -122,11 +122,14 @@ export class InlineStartOverlay extends Overlay {
   }
 
   /**
-   * Adjust overlay root element, children and master table element sizes (width, height).
+   * Adjust overlay root element, childs and master table element sizes (width, height).
+   *
+   * @param {boolean} [force=false] When `true`, it adjusts the DOM nodes sizes for that overlay.
    */
   adjustElementsSize() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this.updateTrimmingContainer();
-    if (this.needFullRender) {
+    if (this.needFullRender || force) {
       this.adjustRootElementSize();
       this.adjustRootChildrenSize();
     }

package/3rdparty/walkontable/src/overlay/top.js

@@ -62,7 +62,7 @@ class TopOverlay extends _base.Overlay {
    * @returns {boolean}
    */
   resetFixedPosition() {
-    if (!this.needFullRender || !this.shouldBeRendered() || !this.wot.wtTable.holder.parentNode) {
+    if (!this.needFullRender || !this.wot.wtTable.holder.parentNode) {
       // removed from DOM
       return false;
     }
@@ -150,11 +150,14 @@ class TopOverlay extends _base.Overlay {
   }
 
   /**
-   * Adjust overlay root element, children and master table element sizes (width, height).
+   * Adjust overlay root element, childs and master table element sizes (width, height).
+   *
+   * @param {boolean} [force=false] When `true`, it adjusts the DOM nodes sizes for that overlay.
    */
   adjustElementsSize() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this.updateTrimmingContainer();
-    if (this.needFullRender) {
+    if (this.needFullRender || force) {
       this.adjustRootElementSize();
       this.adjustRootChildrenSize();
     }

package/3rdparty/walkontable/src/overlay/top.mjs

@@ -58,7 +58,7 @@ export class TopOverlay extends Overlay {
    * @returns {boolean}
    */
   resetFixedPosition() {
-    if (!this.needFullRender || !this.shouldBeRendered() || !this.wot.wtTable.holder.parentNode) {
+    if (!this.needFullRender || !this.wot.wtTable.holder.parentNode) {
       // removed from DOM
       return false;
     }
@@ -146,11 +146,14 @@ export class TopOverlay extends Overlay {
   }
 
   /**
-   * Adjust overlay root element, children and master table element sizes (width, height).
+   * Adjust overlay root element, childs and master table element sizes (width, height).
+   *
+   * @param {boolean} [force=false] When `true`, it adjusts the DOM nodes sizes for that overlay.
    */
   adjustElementsSize() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this.updateTrimmingContainer();
-    if (this.needFullRender) {
+    if (this.needFullRender || force) {
       this.adjustRootElementSize();
       this.adjustRootChildrenSize();
     }

package/3rdparty/walkontable/src/overlays.js

@@ -9,19 +9,12 @@ var _array = require("../../../helpers/array");
 var _unicode = require("../../../helpers/unicode");
 var _browser = require("../../../helpers/browser");
 var _overlay = require("./overlay");
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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); }
-function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
-function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
-function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 /**
  * @class Overlays
  */
-var _overlays = /*#__PURE__*/new WeakMap();
-var _hasRenderingStateChanged = /*#__PURE__*/new WeakMap();
 class Overlays {
   /**
    * @param {Walkontable} wotInstance The Walkontable instance. @todo refactoring remove.
@@ -39,12 +32,6 @@ class Overlays {
      * @type {Walkontable}
      */
     _defineProperty(this, "wot", null);
-    /**
-     * An array of the all overlays.
-     *
-     * @type {Overlay[]}
-     */
-    _classPrivateFieldInitSpec(this, _overlays, []);
     /**
      * Refer to the TopOverlay instance.
      *
@@ -94,12 +81,6 @@ class Overlays {
      * @type {Settings}
      */
     _defineProperty(this, "wtSettings", null);
-    /**
-     * Indicates whether the rendering state has changed for one of the overlays.
-     *
-     * @type {boolean}
-     */
-    _classPrivateFieldInitSpec(this, _hasRenderingStateChanged, false);
     /**
      * The instance of the ResizeObserver that observes the size of the Walkontable wrapper element.
      * In case of the size change detection the `onContainerElementResize` is fired.
@@ -159,7 +140,7 @@ class Overlays {
    */
   getOverlays() {
     let includeMaster = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    const overlays = [..._classPrivateFieldGet(_overlays, this)];
+    const overlays = [this.topOverlay, this.topInlineStartCornerOverlay, this.inlineStartOverlay, this.bottomOverlay, this.bottomInlineStartCornerOverlay];
     if (includeMaster) {
       overlays.push(this.wtTable);
     }
@@ -204,31 +185,29 @@ class Overlays {
     // TODO cond. Has no any visual impact. They're initially hidden in same way like left, top, and bottom overlays.
     this.topInlineStartCornerOverlay = new _overlay.TopInlineStartCornerOverlay(...args, this.topOverlay, this.inlineStartOverlay);
     this.bottomInlineStartCornerOverlay = new _overlay.BottomInlineStartCornerOverlay(...args, this.bottomOverlay, this.inlineStartOverlay);
-    _classPrivateFieldSet(_overlays, this, [this.topOverlay, this.bottomOverlay, this.inlineStartOverlay, this.topInlineStartCornerOverlay, this.bottomInlineStartCornerOverlay]);
   }
 
   /**
-   * Runs logic for the overlays before the table is drawn.
+   * Update state of rendering, check if changed.
+   *
+   * @package
+   * @returns {boolean} Returns `true` if changes applied to overlay needs scroll synchronization.
    */
-  beforeDraw() {
-    _classPrivateFieldSet(_hasRenderingStateChanged, this, _classPrivateFieldGet(_overlays, this).reduce((acc, overlay) => {
-      return overlay.hasRenderingStateChanged() || acc;
-    }, false));
-    _classPrivateFieldGet(_overlays, this).forEach(overlay => overlay.updateStateOfRendering('before'));
-  }
+  updateStateOfRendering() {
+    let syncScroll = this.topOverlay.updateStateOfRendering();
+    syncScroll = this.bottomOverlay.updateStateOfRendering() || syncScroll;
+    syncScroll = this.inlineStartOverlay.updateStateOfRendering() || syncScroll;
 
-  /**
-   * Runs logic for the overlays after the table is drawn.
-   */
-  afterDraw() {
-    this.syncScrollWithMaster();
-    _classPrivateFieldGet(_overlays, this).forEach(overlay => {
-      const hasRenderingStateChanged = overlay.hasRenderingStateChanged();
-      overlay.updateStateOfRendering('after');
-      if (hasRenderingStateChanged && !overlay.needFullRender) {
-        overlay.reset();
+    // todo refactoring: move conditions into updateStateOfRendering(),
+    if (this.inlineStartOverlay.needFullRender) {
+      if (this.topOverlay.needFullRender) {
+        syncScroll = this.topInlineStartCornerOverlay.updateStateOfRendering() || syncScroll;
       }
-    });
+      if (this.bottomOverlay.needFullRender) {
+        syncScroll = this.bottomInlineStartCornerOverlay.updateStateOfRendering() || syncScroll;
+      }
+    }
+    return syncScroll;
   }
 
   /**
@@ -468,9 +447,6 @@ class Overlays {
    * Synchronize overlay scrollbars with the master scrollbar.
    */
   syncScrollWithMaster() {
-    if (!_classPrivateFieldGet(_hasRenderingStateChanged, this)) {
-      return;
-    }
     const master = this.topOverlay.mainTableScrollableElement;
     const {
       scrollLeft,
@@ -485,7 +461,6 @@ class Overlays {
     if (this.inlineStartOverlay.needFullRender) {
       this.inlineStartOverlay.clone.wtTable.holder.scrollTop = scrollTop; // todo rethink, *overlay.setScroll*()
     }
-    _classPrivateFieldSet(_hasRenderingStateChanged, this, false);
   }
 
   /**
@@ -576,8 +551,11 @@ class Overlays {
 
   /**
    * Adjust overlays elements size and master table size.
+   *
+   * @param {boolean} [force=false] When `true`, it adjust the DOM nodes sizes for all overlays.
    */
   adjustElementsSize() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     const {
       wtViewport
     } = this.wot;
@@ -627,9 +605,9 @@ class Overlays {
         this.hasScrollbarRight = true;
       }
     }
-    this.topOverlay.adjustElementsSize();
-    this.inlineStartOverlay.adjustElementsSize();
-    this.bottomOverlay.adjustElementsSize();
+    this.topOverlay.adjustElementsSize(force);
+    this.inlineStartOverlay.adjustElementsSize(force);
+    this.bottomOverlay.adjustElementsSize(force);
   }
 
   /**