fix: touchstart handler should be passive

lektor · Nov 5, 2023 · e25d101 · e25d101
1 parent 85b99c4
commit e25d101
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/tooldrawer/components/drag-handle.ts b/frontend/tooldrawer/components/drag-handle.ts
@@ -1,5 +1,5 @@
 import { css, html, LitElement } from "lit";
-import { customElement, state } from "lit/decorators.js";
+import { customElement, eventOptions, state } from "lit/decorators.js";
 import { WindowEventListenerController } from "./controllers/window-event-listener";
 
 interface DragPosition {
@@ -84,9 +84,9 @@ export class DragHandle extends LitElement {
     }
   }
 
+  @eventOptions({ passive: true, capture: true })
   private _ontouchstart(event: TouchEvent) {
     if (event.targetTouches.length === 1) {
-      event.preventDefault();
       /* eslint-disable @typescript-eslint/unbound-method */
       this._windowEventListeners.add("touchmove", this._ontouchmove);
       this._windowEventListeners.add("touchend", this._dragStop);