From f88dcd74862efa933bf2ddc58d69e33297b9ac2f Mon Sep 17 00:00:00 2001
From: maelstrom <maelstrom@maelstrom.dev>
Date: Sun, 3 May 2026 22:32:51 +0200
Subject: [PATCH] fix composer dismissing incorrectly

---
 src/components/primitive/Modal.tsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/primitive/Modal.tsx b/src/components/primitive/Modal.tsx
index fbd606d..9f9b17b 100644
--- a/src/components/primitive/Modal.tsx
+++ b/src/components/primitive/Modal.tsx
@@ -1,5 +1,11 @@
 import { useRouter } from "expo-router";
-import {  StyleSheet, TouchableWithoutFeedback, View, ViewProps, ViewStyle } from "react-native";
+import {
+  StyleSheet,
+  TouchableWithoutFeedback,
+  View,
+  ViewProps,
+  ViewStyle,
+} from "react-native";
 
 const styles = StyleSheet.create({
   container: {
@@ -16,7 +22,7 @@ const styles = StyleSheet.create({
 });
 
 export function Modal({ children, ...props }: ViewProps) {
-  const router = useRouter()
+  const router = useRouter();
 
   return (
     <TouchableWithoutFeedback
@@ -24,11 +30,14 @@ export function Modal({ children, ...props }: ViewProps) {
     >
       <View style={styles.container} {...props}>
         <View style={styles.wrapper}>
+          {/* The touchable here is necessary to occlude the parent touchable's detection.
+              However, because we are pasting the children in, it doesn't fill correctly so we
+              have to wrap them around a view to make it work correctly */}
           <TouchableWithoutFeedback>
-            {children}
+            <View>{children}</View>
           </TouchableWithoutFeedback>
         </View>
       </View>
     </TouchableWithoutFeedback>
-  )
-}
\ No newline at end of file
+  );
+}
-- 
2.51.2