handsontable 0.0.0-next-a1e4b4f-20230628 → 0.0.0-next-e697250-20230707

package/plugins/formulas/indexSyncer/index.mjs

@@ -0,0 +1,219 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.weak-map.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.symbol.to-primitive.js";
+import "core-js/modules/es.date.to-primitive.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.symbol.iterator.js";
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
+import AxisSyncer from "./axisSyncer.mjs";
+/**
+ * @private
+ * @class IndexSyncer
+ * @description
+ *
+ * Indexes synchronizer responsible for providing logic for syncing actions done on indexes for HOT to actions performed
+ * on HF's.
+ *
+ */
+var _rowIndexSyncer = /*#__PURE__*/new WeakMap();
+var _columnIndexSyncer = /*#__PURE__*/new WeakMap();
+var _postponeAction = /*#__PURE__*/new WeakMap();
+var _isPerformingUndo = /*#__PURE__*/new WeakMap();
+var _isPerformingRedo = /*#__PURE__*/new WeakMap();
+var _engine = /*#__PURE__*/new WeakMap();
+var _sheetId = /*#__PURE__*/new WeakMap();
+var IndexSyncer = /*#__PURE__*/function () {
+  function IndexSyncer(rowIndexMapper, columnIndexMapper, postponeAction) {
+    _classCallCheck(this, IndexSyncer);
+    /**
+     * Indexes synchronizer for the axis of the rows.
+     *
+     * @private
+     * @type {AxisSyncer}
+     */
+    _classPrivateFieldInitSpec(this, _rowIndexSyncer, {
+      writable: true,
+      value: void 0
+    });
+    /**
+     * Indexes synchronizer for the axis of the columns.
+     *
+     * @private
+     * @type {AxisSyncer}
+     */
+    _classPrivateFieldInitSpec(this, _columnIndexSyncer, {
+      writable: true,
+      value: void 0
+    });
+    /**
+     * Method which will postpone execution of some action (needed when synchronization endpoint isn't setup yet).
+     *
+     * @private
+     * @type {Function}
+     */
+    _classPrivateFieldInitSpec(this, _postponeAction, {
+      writable: true,
+      value: void 0
+    });
+    /**
+     * Flag informing whether undo is already performed (we don't perform synchronization in such case).
+     *
+     * @private
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _isPerformingUndo, {
+      writable: true,
+      value: false
+    });
+    /**
+     * Flag informing whether redo is already performed (we don't perform synchronization in such case).
+     *
+     * @private
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _isPerformingRedo, {
+      writable: true,
+      value: false
+    });
+    /**
+     * The HF's engine instance which will be synced.
+     *
+     * @private
+     * @type {HyperFormula|null}
+     */
+    _classPrivateFieldInitSpec(this, _engine, {
+      writable: true,
+      value: null
+    });
+    /**
+     * HyperFormula's sheet name.
+     *
+     * @private
+     * @type {string|null}
+     */
+    _classPrivateFieldInitSpec(this, _sheetId, {
+      writable: true,
+      value: null
+    });
+    _classPrivateFieldSet(this, _rowIndexSyncer, new AxisSyncer('row', rowIndexMapper, this));
+    _classPrivateFieldSet(this, _columnIndexSyncer, new AxisSyncer('column', columnIndexMapper, this));
+    _classPrivateFieldSet(this, _postponeAction, postponeAction);
+  }
+
+  /**
+   * Gets index synchronizer for a particular axis.
+   *
+   * @param {'row'|'column'} indexType Type of indexes.
+   * @returns {AxisSyncer}
+   */
+  _createClass(IndexSyncer, [{
+    key: "getForAxis",
+    value: function getForAxis(indexType) {
+      if (indexType === 'row') {
+        return _classPrivateFieldGet(this, _rowIndexSyncer);
+      }
+      return _classPrivateFieldGet(this, _columnIndexSyncer);
+    }
+
+    /**
+     * Sets flag informing whether an undo action is already performed (we don't execute synchronization in such case).
+     *
+     * @param {boolean} flagValue Boolean value for the flag.
+     */
+  }, {
+    key: "setPerformUndo",
+    value: function setPerformUndo(flagValue) {
+      _classPrivateFieldSet(this, _isPerformingUndo, flagValue);
+    }
+
+    /**
+     * Sets flag informing whether a redo action is already performed (we don't execute synchronization in such case).
+     *
+     * @param {boolean} flagValue Boolean value for the flag.
+     */
+  }, {
+    key: "setPerformRedo",
+    value: function setPerformRedo(flagValue) {
+      _classPrivateFieldSet(this, _isPerformingRedo, flagValue);
+    }
+
+    /**
+     * Gets information whether redo or undo action is already performed (we don't execute synchronization in such case).
+     *
+     * @private
+     * @returns {boolean}
+     */
+  }, {
+    key: "isPerformingUndoRedo",
+    value: function isPerformingUndoRedo() {
+      return _classPrivateFieldGet(this, _isPerformingUndo) || _classPrivateFieldGet(this, _isPerformingRedo);
+    }
+
+    /**
+     * Gets HyperFormula's sheet id.
+     *
+     * @returns {string|null}
+     */
+  }, {
+    key: "getSheetId",
+    value: function getSheetId() {
+      return _classPrivateFieldGet(this, _sheetId);
+    }
+
+    /**
+     * Gets engine instance that will be used for handled instance of Handsontable.
+     *
+     * @type {HyperFormula|null}
+     */
+  }, {
+    key: "getEngine",
+    value: function getEngine() {
+      return _classPrivateFieldGet(this, _engine);
+    }
+
+    /**
+     * Gets method which will postpone execution of some action (needed when synchronization endpoint isn't setup yet).
+     *
+     * @returns {Function}
+     */
+  }, {
+    key: "getPostponeAction",
+    value: function getPostponeAction() {
+      return _classPrivateFieldGet(this, _postponeAction);
+    }
+
+    /**
+     * Setups a synchronization endpoint.
+     *
+     * @param {HyperFormula|null} engine The HF's engine instance which will be synced.
+     * @param {string|null} sheetId HyperFormula's sheet name.
+     */
+  }, {
+    key: "setupSyncEndpoint",
+    value: function setupSyncEndpoint(engine, sheetId) {
+      _classPrivateFieldSet(this, _engine, engine);
+      _classPrivateFieldSet(this, _sheetId, sheetId);
+      _classPrivateFieldGet(this, _rowIndexSyncer).init();
+      _classPrivateFieldGet(this, _columnIndexSyncer).init();
+    }
+  }]);
+  return IndexSyncer;
+}();
+export default IndexSyncer;

package/plugins/hiddenColumns/contextMenuItem/hideColumn.js

@@ -9,6 +9,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.regexp.exec.js");

package/plugins/hiddenColumns/contextMenuItem/hideColumn.mjs

@@ -8,6 +8,7 @@ import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";

package/plugins/hiddenColumns/contextMenuItem/showColumn.js

@@ -8,6 +8,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.weak-map.js");

package/plugins/hiddenColumns/contextMenuItem/showColumn.mjs

@@ -16,6 +16,7 @@ import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.regexp.exec.js";
 import { arrayEach, arrayMap } from "../../../helpers/array.mjs";

package/plugins/hiddenRows/contextMenuItem/hideRow.js

@@ -9,6 +9,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.regexp.exec.js");

package/plugins/hiddenRows/contextMenuItem/hideRow.mjs

@@ -8,6 +8,7 @@ import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";

package/plugins/hiddenRows/contextMenuItem/showRow.js

@@ -8,6 +8,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.weak-map.js");

package/plugins/hiddenRows/contextMenuItem/showRow.mjs

@@ -16,6 +16,7 @@ import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.regexp.exec.js";
 import { arrayEach, arrayMap } from "../../../helpers/array.mjs";

package/plugins/manualColumnFreeze/contextMenuItem/freezeColumn.js

@@ -9,6 +9,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.regexp.exec.js");

package/plugins/manualColumnFreeze/contextMenuItem/freezeColumn.mjs

@@ -6,6 +6,7 @@ import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";

package/plugins/manualColumnFreeze/contextMenuItem/unfreezeColumn.js

@@ -9,6 +9,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.regexp.exec.js");

package/plugins/manualColumnFreeze/contextMenuItem/unfreezeColumn.mjs

@@ -6,6 +6,7 @@ import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";

package/plugins/manualColumnResize/manualColumnResize.js

@@ -87,6 +87,7 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
     _this.guide = rootDocument.createElement('DIV');
     _this.eventManager = new _eventManager.default(_assertThisInitialized(_this));
     _this.pressed = null;
+    _this.isTriggeredByRMB = false;
     _this.dblclick = 0;
     _this.autoresizeTimeout = null;
 
@@ -437,6 +438,11 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       if ((0, _element.isDetached)(event.target)) {
         return;
       }
+
+      // A "mouseover" action is triggered right after executing "contextmenu" event. It should be ignored.
+      if (this.isTriggeredByRMB === true) {
+        return;
+      }
       if (this.checkIfColumnHeader(event.target)) {
         var th = this.getClosestTHParent(event.target);
         if (!th) {
@@ -593,6 +599,28 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       }
     }
 
+    /**
+     * Callback for "contextmenu" event triggered on element showing move handle. It removes handle and guide elements.
+     *
+     * @private
+     */
+  }, {
+    key: "onContextMenu",
+    value: function onContextMenu() {
+      var _this9 = this;
+      this.hideHandleAndGuide();
+      this.hot.rootElement.removeChild(this.handle);
+      this.hot.rootElement.removeChild(this.guide);
+      this.pressed = false;
+      this.isTriggeredByRMB = true;
+
+      // There is thrown "mouseover" event right after opening a context menu. This flag inform that handle
+      // shouldn't be drawn just after removing it.
+      this.hot._registerImmediate(function () {
+        _this9.isTriggeredByRMB = false;
+      });
+    }
+
     /**
      * Binds the mouse events.
      *
@@ -601,21 +629,24 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "bindEvents",
     value: function bindEvents() {
-      var _this9 = this;
+      var _this10 = this;
       var _this$hot = this.hot,
         rootWindow = _this$hot.rootWindow,
         rootElement = _this$hot.rootElement;
       this.eventManager.addEventListener(rootElement, 'mouseover', function (e) {
-        return _this9.onMouseOver(e);
+        return _this10.onMouseOver(e);
       });
       this.eventManager.addEventListener(rootElement, 'mousedown', function (e) {
-        return _this9.onMouseDown(e);
+        return _this10.onMouseDown(e);
       });
       this.eventManager.addEventListener(rootWindow, 'mousemove', function (e) {
-        return _this9.onMouseMove(e);
+        return _this10.onMouseMove(e);
       });
       this.eventManager.addEventListener(rootWindow, 'mouseup', function () {
-        return _this9.onMouseUp();
+        return _this10.onMouseUp();
+      });
+      this.eventManager.addEventListener(this.handle, 'contextmenu', function () {
+        return _this10.onContextMenu();
       });
     }
 

package/plugins/manualColumnResize/manualColumnResize.mjs

@@ -78,6 +78,7 @@ export var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
     _this.guide = rootDocument.createElement('DIV');
     _this.eventManager = new EventManager(_assertThisInitialized(_this));
     _this.pressed = null;
+    _this.isTriggeredByRMB = false;
     _this.dblclick = 0;
     _this.autoresizeTimeout = null;
 
@@ -428,6 +429,11 @@ export var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       if (isDetached(event.target)) {
         return;
       }
+
+      // A "mouseover" action is triggered right after executing "contextmenu" event. It should be ignored.
+      if (this.isTriggeredByRMB === true) {
+        return;
+      }
       if (this.checkIfColumnHeader(event.target)) {
         var th = this.getClosestTHParent(event.target);
         if (!th) {
@@ -584,6 +590,28 @@ export var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       }
     }
 
+    /**
+     * Callback for "contextmenu" event triggered on element showing move handle. It removes handle and guide elements.
+     *
+     * @private
+     */
+  }, {
+    key: "onContextMenu",
+    value: function onContextMenu() {
+      var _this9 = this;
+      this.hideHandleAndGuide();
+      this.hot.rootElement.removeChild(this.handle);
+      this.hot.rootElement.removeChild(this.guide);
+      this.pressed = false;
+      this.isTriggeredByRMB = true;
+
+      // There is thrown "mouseover" event right after opening a context menu. This flag inform that handle
+      // shouldn't be drawn just after removing it.
+      this.hot._registerImmediate(function () {
+        _this9.isTriggeredByRMB = false;
+      });
+    }
+
     /**
      * Binds the mouse events.
      *
@@ -592,21 +620,24 @@ export var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "bindEvents",
     value: function bindEvents() {
-      var _this9 = this;
+      var _this10 = this;
       var _this$hot = this.hot,
         rootWindow = _this$hot.rootWindow,
         rootElement = _this$hot.rootElement;
       this.eventManager.addEventListener(rootElement, 'mouseover', function (e) {
-        return _this9.onMouseOver(e);
+        return _this10.onMouseOver(e);
       });
       this.eventManager.addEventListener(rootElement, 'mousedown', function (e) {
-        return _this9.onMouseDown(e);
+        return _this10.onMouseDown(e);
       });
       this.eventManager.addEventListener(rootWindow, 'mousemove', function (e) {
-        return _this9.onMouseMove(e);
+        return _this10.onMouseMove(e);
       });
       this.eventManager.addEventListener(rootWindow, 'mouseup', function () {
-        return _this9.onMouseUp();
+        return _this10.onMouseUp();
+      });
+      this.eventManager.addEventListener(this.handle, 'contextmenu', function () {
+        return _this10.onContextMenu();
       });
     }
 

package/plugins/manualRowMove/manualRowMove.js

@@ -202,6 +202,8 @@ var ManualRowMove = /*#__PURE__*/function (_BasePlugin) {
     /**
      * Moves a single row.
      *
+     * To see the outcome, rerender your grid by calling [`render()`](@/api/core.md#render).
+     *
      * @param {number} row Visual row index to be moved.
      * @param {number} finalIndex Visual row index, being a start index for the moved rows. Points to where the elements will be placed after the moving action.
      * To check the visualization of the final index, please take a look at [documentation](@/guides/rows/row-moving.md#drag-and-move-actions-of-manualrowmove-plugin).
@@ -216,7 +218,9 @@ var ManualRowMove = /*#__PURE__*/function (_BasePlugin) {
     }
 
     /**
-     * Moves a multiple rows.
+     * Moves multiple rows.
+     *
+     * To see the outcome, rerender your grid by calling [`render()`](@/api/core.md#render).
      *
      * @param {Array} rows Array of visual row indexes to be moved.
      * @param {number} finalIndex Visual row index, being a start index for the moved rows. Points to where the elements will be placed after the moving action.
@@ -484,38 +488,53 @@ var ManualRowMove = /*#__PURE__*/function (_BasePlugin) {
       }
       var wtTable = this.hot.view._wt.wtTable;
       var TD = priv.target.TD;
-      var rootElementOffset = (0, _element.offset)(this.hot.rootElement);
-      var tdOffsetTop = this.hot.view.THEAD.offsetHeight + this.getRowsHeight(0, coords.row - 1);
-      var mouseOffsetTop = priv.target.eventPageY - rootElementOffset.top + wtTable.holder.scrollTop;
+      var rootElement = this.hot.rootElement;
+      var rootElementOffset = (0, _element.offset)(rootElement);
+      var trimmingContainer = (0, _element.getTrimmingContainer)(rootElement);
+      var tableScroll = wtTable.holder.scrollTop;
+      var trimmingContainerScroll;
+
+      // Trimming container is the `window` element.
+      if (this.hot.rootWindow === trimmingContainer) {
+        trimmingContainerScroll = trimmingContainer.scrollY;
+      } else {
+        trimmingContainerScroll = trimmingContainer.scrollTop;
+      }
+      var pixelsAbove = rootElementOffset.top - trimmingContainerScroll;
+      var pixelsRelToTableStart = priv.target.eventPageY - pixelsAbove + tableScroll;
       var hiderHeight = wtTable.hider.offsetHeight;
       var tbodyOffsetTop = wtTable.TBODY.offsetTop;
       var backlightElemMarginTop = this.backlight.getOffset().top;
       var backlightElemHeight = this.backlight.getSize().height;
+      var tdMiddle = TD.offsetHeight / 2;
+      var tdHeight = TD.offsetHeight;
+      var tdStartPixel = this.hot.view.THEAD.offsetHeight + this.getRowsHeight(0, coords.row - 1);
+      var isBelowTable = pixelsRelToTableStart >= tdStartPixel + tdMiddle;
       if (this.isFixedRowTop(coords.row)) {
-        tdOffsetTop += wtTable.holder.scrollTop;
+        tdStartPixel += wtTable.holder.scrollTop;
       }
       if (coords.row < 0) {
         // if hover on colHeader
         priv.target.row = firstVisible > 0 ? firstVisible - 1 : firstVisible;
-      } else if (TD.offsetHeight / 2 + tdOffsetTop <= mouseOffsetTop) {
+      } else if (isBelowTable) {
         // if hover on lower part of TD
         priv.target.row = coords.row + 1;
         // unfortunately first row is bigger than rest
-        tdOffsetTop += coords.row === 0 ? TD.offsetHeight - 1 : TD.offsetHeight;
+        tdStartPixel += coords.row === 0 ? tdHeight - 1 : tdHeight;
       } else {
         // elsewhere on table
         priv.target.row = coords.row;
       }
-      var backlightTop = mouseOffsetTop;
-      var guidelineTop = tdOffsetTop;
-      if (mouseOffsetTop + backlightElemHeight + backlightElemMarginTop >= hiderHeight) {
+      var backlightTop = pixelsRelToTableStart;
+      var guidelineTop = tdStartPixel;
+      if (pixelsRelToTableStart + backlightElemHeight + backlightElemMarginTop >= hiderHeight) {
         // prevent display backlight below table
         backlightTop = hiderHeight - backlightElemHeight - backlightElemMarginTop;
-      } else if (mouseOffsetTop + backlightElemMarginTop < tbodyOffsetTop) {
+      } else if (pixelsRelToTableStart + backlightElemMarginTop < tbodyOffsetTop) {
         // prevent display above below table
         backlightTop = tbodyOffsetTop + Math.abs(backlightElemMarginTop);
       }
-      if (tdOffsetTop >= hiderHeight - 1) {
+      if (tdStartPixel >= hiderHeight - 1) {
         // prevent display guideline below table
         guidelineTop = hiderHeight - 1;
       }