From 6abf6e469039ff3cace794c25ba85d8c842e4a61 Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Wed, 14 Oct 2026 17:45:22 +0200
Subject: [PATCH] Let a stacked sheet's backdrop catch taps on iOS

---
 .../app/src/screens/workspace/workspace-sheet-host.tsx   | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/screens/workspace/workspace-sheet-host.tsx b/packages/app/src/screens/workspace/workspace-sheet-host.tsx
index 967afb6561..a46ea2c1c7 100644
--- a/packages/app/src/screens/workspace/workspace-sheet-host.tsx
+++ b/packages/app/src/screens/workspace/workspace-sheet-host.tsx
@@ -66,14 +66,16 @@ function renderBackdrop(props: BottomSheetBackdropProps) {
 }
 
 // Stacked sheets share the bottom sheet's dim rather than darkening it again, but still catch the
-// tap so it closes the top sheet.
+// tap so it closes the top sheet. The backdrop is clear rather than transparent: iOS skips views
+// under 0.01 opacity when hit testing, which would hand the tap to the sheet below.
 function renderStackedBackdrop(props: BottomSheetBackdropProps) {
   return (
     <BottomSheetBackdrop
       {...props}
+      style={styles.clearBackdrop}
       appearsOnIndex={0}
       disappearsOnIndex={-1}
-      opacity={0}
+      opacity={1}
       pressBehavior="close"
     />
   );
@@ -311,6 +313,9 @@ const styles = StyleSheet.create({
   host: {
     ...StyleSheet.absoluteFillObject,
   },
+  clearBackdrop: {
+    backgroundColor: "transparent",
+  },
   sheetLayer: {
     ...StyleSheet.absoluteFillObject,
   },