fix: do not set touch-action: none on dashboard to allow scroll (#10033) (#10035)

Author: web-padawan

packages/dashboard/src/vaadin-dashboard-widget.js

@@ -137,6 +137,7 @@ class DashboardWidget extends DashboardItemMixin(ElementMixin(ThemableMixin(Poly
           inset-inline-end: 0;
           z-index: 1;
           overflow: hidden;
+          touch-action: none;
         }
 
         :host([resizing])::after {

packages/dashboard/src/widget-resize-controller.js

@@ -8,7 +8,7 @@
  * See https://vaadin.com/commercial-license-and-service-terms for the full
  * license.
  */
-import { addListener } from '@vaadin/component-base/src/gestures.js';
+import { addListener, setTouchAction } from '@vaadin/component-base/src/gestures.js';
 import { getElementItem, itemsEqual, WRAPPER_LOCAL_NAME } from './vaadin-dashboard-helpers.js';
 
 /**
@@ -20,6 +20,8 @@ export class WidgetResizeController {
     this.__resizedElementRemoveObserver = new MutationObserver(() => this.__restoreResizedElement());
     this.__touchMoveCancelListener = (e) => e.preventDefault();
     addListener(host, 'track', (e) => this.__onTrack(e));
+    // Do not set touch-action: none to allow scroll on mobile
+    setTouchAction(host, '');
     host.addEventListener('item-resize', (e) => this.__itemResize(e));
   }