handsontable 15.0.1-next-ab94a4c-20250207 → 15.1.0-next-5e493ee-20250207

package/tableView.mjs

@@ -27,6 +27,7 @@ var _mouseDown = /*#__PURE__*/new WeakMap();
 var _table = /*#__PURE__*/new WeakMap();
 var _lastWidth = /*#__PURE__*/new WeakMap();
 var _lastHeight = /*#__PURE__*/new WeakMap();
+var _mouseDownLastPos = /*#__PURE__*/new WeakMap();
 var _TableView_brand = /*#__PURE__*/new WeakSet();
 class TableView {
   /**
@@ -138,6 +139,12 @@ class TableView {
      * @type {number}
      */
     _classPrivateFieldInitSpec(this, _lastHeight, 0);
+    /**
+     * The last mouse position of the mousedown event.
+     *
+     * @type {{ x: number, y: number } | null}
+     */
+    _classPrivateFieldInitSpec(this, _mouseDownLastPos, null);
     this.hot = hotInstance;
     this.eventManager = new EventManager(this.hot);
     this.settings = this.hot.getSettings();
@@ -783,6 +790,10 @@ class TableView {
         this.hot.listen();
         this.activeWt = wt;
         _classPrivateFieldSet(_mouseDown, this, true);
+        _classPrivateFieldSet(_mouseDownLastPos, this, {
+          x: event.clientX,
+          y: event.clientY
+        });
         this.hot.runHooks('beforeOnCellMouseDown', event, visualCoords, TD, controller);
         if (isImmediatePropagationStopped(event)) {
           return;
@@ -832,7 +843,11 @@ class TableView {
         if (isImmediatePropagationStopped(event)) {
           return;
         }
-        if (_classPrivateFieldGet(_mouseDown, this)) {
+
+        // Ignore mouseover events when the mouse has not moved. This solves an issue (#dev-1479) where
+        // column resizing triggered by the long text in the cell causes the mouseover event to be fired,
+        // thus selecting multiple cells with no user intention.
+        if (_classPrivateFieldGet(_mouseDown, this) && (!_classPrivateFieldGet(_mouseDownLastPos, this) || _classPrivateFieldGet(_mouseDownLastPos, this).x !== event.clientX || _classPrivateFieldGet(_mouseDownLastPos, this).y !== event.clientY)) {
           handleMouseEvent(event, {
             coords: visualCoords,
             selection: this.hot.selection,
@@ -842,6 +857,7 @@ class TableView {
         }
         this.hot.runHooks('afterOnCellMouseOver', event, visualCoords, TD);
         this.activeWt = this._wt;
+        _classPrivateFieldSet(_mouseDownLastPos, this, null);
       },
       onCellMouseUp: (event, coords, TD, wt) => {
         const visualCoords = this.translateFromRenderableToVisualCoords(coords);

package/utils/autoResize.js

@@ -93,7 +93,7 @@ function createInputElementResizer(ownerDocument) {
     body.appendChild(textContainer);
     const paddingStart = parseInt(((_getComputedStyle = getComputedStyle(observedElement)) === null || _getComputedStyle === void 0 ? void 0 : _getComputedStyle.paddingInlineStart) || 0, 10);
     const paddingEnd = parseInt(((_getComputedStyle2 = getComputedStyle(observedElement)) === null || _getComputedStyle2 === void 0 ? void 0 : _getComputedStyle2.paddingInlineEnd) || 0, 10);
-    const width = textContainer.clientWidth + 2 + paddingStart + paddingEnd;
+    const width = textContainer.clientWidth + paddingStart + paddingEnd + 1;
     body.removeChild(textContainer);
     const elementStyle = observedElement.style;
     elementStyle.height = `${defaults.minHeight}px`;

package/utils/autoResize.mjs

@@ -89,7 +89,7 @@ export function createInputElementResizer(ownerDocument) {
     body.appendChild(textContainer);
     const paddingStart = parseInt(((_getComputedStyle = getComputedStyle(observedElement)) === null || _getComputedStyle === void 0 ? void 0 : _getComputedStyle.paddingInlineStart) || 0, 10);
     const paddingEnd = parseInt(((_getComputedStyle2 = getComputedStyle(observedElement)) === null || _getComputedStyle2 === void 0 ? void 0 : _getComputedStyle2.paddingInlineEnd) || 0, 10);
-    const width = textContainer.clientWidth + 2 + paddingStart + paddingEnd;
+    const width = textContainer.clientWidth + paddingStart + paddingEnd + 1;
     body.removeChild(textContainer);
     const elementStyle = observedElement.style;
     elementStyle.height = `${defaults.minHeight}px`;

package/utils/parseTable.js

@@ -75,7 +75,7 @@ function instanceToHTML(instance) {
           if ((0, _mixed.isEmpty)(cellData)) {
             cell = `<td ${attrs.join(' ')}></td>`;
           } else {
-            const value = cellData.toString().replace('<', '&lt;').replace('>', '&gt;').replace(/(<br(\s*|\/)>(\r\n|\n)?|\r\n|\n)/g, '<br>\r\n').replace(/\x20/gi, '&nbsp;').replace(/\t/gi, '&#9;');
+            const value = cellData.toString().replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/(<br(\s*|\/)>(\r\n|\n)?|\r\n|\n)/g, '<br>\r\n').replace(/\x20/gi, '&nbsp;').replace(/\t/gi, '&#9;');
             cell = `<td ${attrs.join(' ')}>${value}</td>`;
           }
         }

package/utils/parseTable.mjs

@@ -69,7 +69,7 @@ export function instanceToHTML(instance) {
           if (isEmpty(cellData)) {
             cell = `<td ${attrs.join(' ')}></td>`;
           } else {
-            const value = cellData.toString().replace('<', '&lt;').replace('>', '&gt;').replace(/(<br(\s*|\/)>(\r\n|\n)?|\r\n|\n)/g, '<br>\r\n').replace(/\x20/gi, '&nbsp;').replace(/\t/gi, '&#9;');
+            const value = cellData.toString().replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/(<br(\s*|\/)>(\r\n|\n)?|\r\n|\n)/g, '<br>\r\n').replace(/\x20/gi, '&nbsp;').replace(/\t/gi, '&#9;');
             cell = `<td ${attrs.join(' ')}>${value}</td>`;
           }
         }

package/validators/dateValidator/dateValidator.js

@@ -60,7 +60,7 @@ dateValidator.VALIDATOR_TYPE = VALIDATOR_TYPE;
 function correctFormat(value, dateFormat) {
   const dateFromDate = (0, _moment.default)((0, _date.getNormalizedDate)(value));
   const dateFromMoment = (0, _moment.default)(value, dateFormat);
-  const isAlphanumeric = value.search(/[A-z]/g) > -1;
+  const isAlphanumeric = value.search(/[A-Za-z]/g) > -1;
   let date;
   if (dateFromDate.isValid() && dateFromDate.format('x') === dateFromMoment.format('x') || !dateFromMoment.isValid() || isAlphanumeric) {
     date = dateFromDate;

package/validators/dateValidator/dateValidator.mjs

@@ -54,7 +54,7 @@ dateValidator.VALIDATOR_TYPE = VALIDATOR_TYPE;
 export function correctFormat(value, dateFormat) {
   const dateFromDate = moment(getNormalizedDate(value));
   const dateFromMoment = moment(value, dateFormat);
-  const isAlphanumeric = value.search(/[A-z]/g) > -1;
+  const isAlphanumeric = value.search(/[A-Za-z]/g) > -1;
   let date;
   if (dateFromDate.isValid() && dateFromDate.format('x') === dateFromMoment.format('x') || !dateFromMoment.isValid() || isAlphanumeric) {
     date = dateFromDate;