Refactor touch and click event handling

Author: tin2tin

editor.html

@@ -2924,9 +2924,7 @@ <h3 style="margin-top:0;">Loading Project</h3>
 				let cinematicRevealCleanup = null;
 				let playerCinematicEnabled = false;
 
-                const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
                 const isAndroid = /android/i.test(navigator.userAgent);
-                const clickEvent = isTouchDevice ? 'touchend' : 'click';
                 const VIDEO_EXTENSIONS = ['.mp4', '.webm', '.ogv'];
                 const isVideo = (path) => {
                     if (!path) return false;
@@ -2959,8 +2957,13 @@ <h3 style="margin-top:0;">Loading Project</h3>
 
                 function bindEvent(element, handler) {
                     if(!element) return;
-                    element.addEventListener(clickEvent, (e) => {
-                        if (isTouchDevice) e.preventDefault();
+                    // 1. Handle standard mouse/trackpad clicks
+                    element.addEventListener('click', (e) => {
+                        handler(e);
+                    });
+                    // 2. Handle fast touch events
+                    element.addEventListener('touchend', (e) => {
+                        if (e.cancelable) e.preventDefault(); // Prevent touch from generating a "ghost click"
                         handler(e);
                     });
                 }
@@ -3164,10 +3167,15 @@ <h3 style="margin-top:0;">Loading Project</h3>
                         contentContainer.style.minHeight = originalMinHeight;
                     };
 
-                    const clickHandler = (e) => { if (!isTouchDevice) skip(e); };
+                    const clickHandler = (e) => { skip(e); };
                     const touchStartHandler = () => { isScrolling = false; };
                     const touchMoveHandler = () => { isScrolling = true; };
-                    const touchEndHandler = (e) => { if (!isScrolling) skip(e); };
+                    const touchEndHandler = (e) => { 
+                        if (!isScrolling) {
+                            if (e.cancelable) e.preventDefault(); // Prevent ghost click
+                            skip(e); 
+                        }
+                    };
                     
                     gameContainer.addEventListener('click', clickHandler);
                     gameContainer.addEventListener('touchstart', touchStartHandler, { passive: true });
@@ -3555,7 +3563,6 @@ <h3 style="margin-top:0;">Loading Project</h3>
                 App.ui.showNotification("Could not export project. Check console for details.");
             });
         },
-
         async previewProject() {
             if (!App.state.projectDirectoryHandle) { App.ui.showNotification("Please open a project to preview."); return; }
             App.editor.saveCurrentScene();
@@ -6617,3 +6624,4 @@ <h3 style="margin-top:0;">Loading Project</h3>
 </script>
 </body>
 </html>
+