Better event handling

Author: jivansh77

js/block.js

@@ -2883,6 +2883,11 @@ class Block {
          * @param {Event} event - The mousedown event.
          */
         this.container.on("mousedown", (event) =>{
+            if (event.nativeEvent) {
+                event.nativeEvent.preventDefault();
+            }
+            event.stopPropagation();
+
             docById("contextWheelDiv").style.display = "none";
 
             // Track time for detecting long pause...
@@ -2926,7 +2931,11 @@ class Block {
          */
         this.container.on("pressmove", (event) =>{
             // FIXME: More voodoo
-            event.nativeEvent.preventDefault();
+            if (event.nativeEvent) {
+                event.nativeEvent.preventDefault();
+            } else {
+                event.preventDefault();
+            }
 
             // Don't allow silence block to be dragged out of a note.
             if (that.name === "rest2") {
@@ -3079,13 +3088,25 @@ class Block {
         });
 
         this.container.on("touchstart", (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            that.blocks.mouseDownTime = new Date().getTime();
-            that.blocks.longPressTimeout = setTimeout(() => {
-                that.blocks.activeBlock = that.blocks.blockList.indexOf(that);
-                piemenuBlockContext(that);
-            }, LONGPRESSTIME);
+            if (event.touches.length === 1) {
+                event.preventDefault();
+                event.stopPropagation();
+
+                const touch = event.touches[0];
+                const mouseEvent = new MouseEvent('mousedown', {
+                    clientX: touch.clientX,
+                    clientY: touch.clientY,
+                    screenX: touch.screenX,
+                    screenY: touch.screenY
+                });
+                this.container.dispatchEvent(mouseEvent);
+
+                that.blocks.mouseDownTime = new Date().getTime();
+                that.blocks.longPressTimeout = setTimeout(() => {
+                    that.blocks.activeBlock = that.blocks.blockList.indexOf(that);
+                    piemenuBlockContext(that);
+                }, LONGPRESSTIME);
+            }
         }, { passive: false });
 
         this.container.on("touchstart", (event) => {