From f495c0aba34b9a12a581f5fd8fffc00a4adbf137 Mon Sep 17 00:00:00 2001
From: Tobias Merkle <tobias@branchmessenger.com>
Date: Wed, 24 Sep 2025 11:15:22 -0400
Subject: [PATCH 1/4] fix #852

---
 .../src/components/Home/components/Widget.tsx   | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx b/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx
index 44a091c14..cbc531680 100644
--- a/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx
+++ b/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useRef } from 'react';
+import React, { useState, useRef, useMemo } from 'react';
 import type { HomepageApp } from '../../../types/app.types';
 import { usePersistenceStore } from '../../../stores/persistenceStore';
 import { Draggable } from './Draggable';
@@ -48,7 +48,7 @@ export const Widget: React.FC<WidgetProps> = ({ app, index, totalWidgets, childr
     }
   };
 
-  const size = settings.size || calculateSize();
+  const size = useMemo(() => settings.size || calculateSize(), [settings.size]);
 
   // Calculate responsive position based on index
   const calculatePosition = () => {
@@ -67,7 +67,7 @@ export const Widget: React.FC<WidgetProps> = ({ app, index, totalWidgets, childr
     }
   };
 
-  const position = settings.position || calculatePosition();
+  const position = useMemo(() => settings.position || calculatePosition(), [settings.position]);
 
   // Widgets can either have widget HTML content or be loaded from their app URL
   const isHtmlWidget = app.widget && app.widget !== 'true' && app.widget.includes('<');
@@ -132,10 +132,13 @@ export const Widget: React.FC<WidgetProps> = ({ app, index, totalWidgets, childr
     >
       <button
         onClick={(e) => {
-          try {
-            e.stopPropagation();
-          } catch { }
-
+          if (isMobile && e.touches?.length > 0) return;
+          try { e.stopPropagation(); } catch { }
+          toggleWidget(app.id);
+        }}
+        onTouchEnd={(e) => {
+          if (!isMobile || e.touches?.length === 0) return;
+          try { e.stopPropagation(); } catch { }
           toggleWidget(app.id);
         }}
         className="clear thin w-3 h-3 !p-0 absolute top-3 right-3 z-30"

From 74d38ceb05d111b7d4046972114f6c054d533bf8 Mon Sep 17 00:00:00 2001
From: Tobias Merkle <tobias@branchmessenger.com>
Date: Wed, 24 Sep 2025 13:35:42 -0400
Subject: [PATCH 2/4] no-prevent-default

---
 .../ui/src/components/Home/components/Draggable.tsx         | 6 +++---
 .../homepage/ui/src/components/Home/components/Widget.tsx   | 2 --
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/hyperdrive/packages/homepage/ui/src/components/Home/components/Draggable.tsx b/hyperdrive/packages/homepage/ui/src/components/Home/components/Draggable.tsx
index 4535cba2f..d5d10313c 100644
--- a/hyperdrive/packages/homepage/ui/src/components/Home/components/Draggable.tsx
+++ b/hyperdrive/packages/homepage/ui/src/components/Home/components/Draggable.tsx
@@ -64,16 +64,16 @@ export const Draggable: React.FC<DraggableProps> = ({
   useEffect(() => {
     const handleMouseMove = (e: MouseEvent) => handleMove(e.clientX, e.clientY);
     const handleTouchMove = (e: TouchEvent) => {
-      e.preventDefault();
+      try {e.preventDefault();} catch {}
       const touch = e.touches[0];
       handleMove(touch.clientX, touch.clientY);
     };
     const handleMouseUp = (e: MouseEvent) => {
-      e.preventDefault();
+      try {e.preventDefault();} catch {}
       handleEnd();
     };
     const handleTouchEnd = (e: TouchEvent) => {
-      e.preventDefault();
+      try {e.preventDefault();} catch {}
       handleEnd();
     };
 
diff --git a/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx b/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx
index cbc531680..30af7b3b3 100644
--- a/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx
+++ b/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx
@@ -133,12 +133,10 @@ export const Widget: React.FC<WidgetProps> = ({ app, index, totalWidgets, childr
       <button
         onClick={(e) => {
           if (isMobile && e.touches?.length > 0) return;
-          try { e.stopPropagation(); } catch { }
           toggleWidget(app.id);
         }}
         onTouchEnd={(e) => {
           if (!isMobile || e.touches?.length === 0) return;
-          try { e.stopPropagation(); } catch { }
           toggleWidget(app.id);
         }}
         className="clear thin w-3 h-3 !p-0 absolute top-3 right-3 z-30"

From 75cc42d6ee1d45556f86e98595d46036c7948256 Mon Sep 17 00:00:00 2001
From: Tobias Merkle <tobias@branchmessenger.com>
Date: Wed, 24 Sep 2025 13:39:34 -0400
Subject: [PATCH 3/4] 852

---
 .../homepage/ui/src/components/Home/components/Draggable.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/hyperdrive/packages/homepage/ui/src/components/Home/components/Draggable.tsx b/hyperdrive/packages/homepage/ui/src/components/Home/components/Draggable.tsx
index d5d10313c..a5bbb7ba0 100644
--- a/hyperdrive/packages/homepage/ui/src/components/Home/components/Draggable.tsx
+++ b/hyperdrive/packages/homepage/ui/src/components/Home/components/Draggable.tsx
@@ -130,8 +130,8 @@ export const Draggable: React.FC<DraggableProps> = ({
       onTouchStart={(e) => {
         // Only handle touch for widgets (when enableHtmlDrag is false)
         if (isEditMode && !enableHtmlDrag) {
-          e.preventDefault();
-          e.stopPropagation();
+          try {e.preventDefault();} catch {}
+          try {e.stopPropagation();} catch {}
           const touch = e.touches[0];
           handleStart(touch.clientX, touch.clientY);
         }

From 819973d688ec35cf40819528de88033aacb6d125 Mon Sep 17 00:00:00 2001
From: Tobias Merkle <tobias@branchmessenger.com>
Date: Fri, 26 Sep 2025 13:29:03 -0400
Subject: [PATCH 4/4] touches

---
 .../homepage/ui/src/components/Home/components/Widget.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx b/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx
index 30af7b3b3..55e40d3d1 100644
--- a/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx
+++ b/hyperdrive/packages/homepage/ui/src/components/Home/components/Widget.tsx
@@ -132,11 +132,11 @@ export const Widget: React.FC<WidgetProps> = ({ app, index, totalWidgets, childr
     >
       <button
         onClick={(e) => {
-          if (isMobile && e.touches?.length > 0) return;
+          if (isMobile) return;
           toggleWidget(app.id);
         }}
         onTouchEnd={(e) => {
-          if (!isMobile || e.touches?.length === 0) return;
+          if (!isMobile) return;
           toggleWidget(app.id);
         }}
         className="clear thin w-3 h-3 !p-0 absolute top-3 right-3 z-30"