Fix not being able to resize window on mobile devices

Author: HimC29

homeScreen/openApp.js

@@ -103,6 +103,11 @@ export function openApp(app){
         }
     });
 
+    [minimizeBtn, maximizeBtn, closeBtn].forEach(btn => {
+        btn.addEventListener("mousedown", e => e.stopPropagation());
+        btn.addEventListener("touchstart", e => e.stopPropagation());
+    });
+
     // App iframe content
     const iframe = document.createElement("iframe");
     iframe.classList.add("iframe");
@@ -166,9 +171,6 @@ function draggableWindow(windowEl, handleEl){
         // Ignore clicks on title bar buttons
         if(e.target.closest(".titleBarBtn")) return;
 
-        // Only prevent default for drag actions, not button clicks
-        if(e.touches) e.preventDefault();
-
         isDragging = true;
 
         // Calculate mouse offset inside window
@@ -195,7 +197,8 @@ function draggableWindow(windowEl, handleEl){
     });
     handleEl.addEventListener("touchstart", (e) => {
         detectTitleBarPress(e);
-    }, { passive: false });
+    }, { passive: true });
+
 
     function detectDrag(e){
         if(!isDragging) return;
@@ -293,7 +296,7 @@ function resizeableWindow(windowEl, handleEl){
     });
     handleEl.addEventListener("touchstart", (e) => {
         detectResizeElPress(e);
-    }, { passive: false });
+    });
 
     function detectResizing(e){
         if(!isResizing) return;
@@ -324,9 +327,8 @@ function resizeableWindow(windowEl, handleEl){
         detectResizing(e);
     });
     document.addEventListener("touchmove", (e) => {
-        if(isDragging) e.preventDefault();
         detectResizing(e);
-    }, { passive: false });
+    });
 
     function detectResizeElRelease(){
         if(!isResizing) return;