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 ( ); @@ -311,6 +313,9 @@ const styles = StyleSheet.create({ host: { ...StyleSheet.absoluteFillObject, }, + clearBackdrop: { + backgroundColor: "transparent", + }, sheetLayer: { ...StyleSheet.absoluteFillObject, },