enable resizing on touch devices

vaadin · Sep 10, 2024 · b3a98a2 · b3a98a2
1 parent f65f4eb
commit b3a98a2
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/dashboard/src/widget-resize-controller.js b/packages/dashboard/src/widget-resize-controller.js
@@ -15,7 +15,7 @@ export class WidgetResizeController extends EventTarget {
  super();
  this.host = host;
  this.__resizedElementRemoveObserver = new MutationObserver(() => this.__restoreResizedElement());
-
+ this.__touchMoveCancelListener = (e) => e.preventDefault();
  addListener(host, 'track', (e) => this.__onTrack(e));
  }
 
@@ -50,6 +50,8 @@ export class WidgetResizeController extends EventTarget {
 
  this.__resizedElement = e.target;
  this.__resizedElementRemoveObserver.observe(this.host, { childList: true, subtree: true });
+
+ document.addEventListener('touchmove', this.__touchMoveCancelListener, { passive: false });
  }
 
  /** @private */
@@ -108,6 +110,7 @@ export class WidgetResizeController extends EventTarget {
  this.host.$.grid.toggleAttribute('resizing', false);
 
  this.__resizedElementRemoveObserver.disconnect();
+ document.removeEventListener('touchmove', this.__touchMoveCancelListener);
 
  this.host.dispatchEvent(new CustomEvent('dashboard-item-resize-end'));
  }