From 9beb6387ccc45866f20169b235a0cb9f3d6a6e81 Mon Sep 17 00:00:00 2001
From: macodev00 <macodev00@users.noreply.github.com>
Date: Sun, 20 Sep 2026 09:31:44 +0000
Subject: [PATCH] fix(mobile): expanded iOS environment card fields can take
 focus

Reanimated FadeIn/FadeOut on the expanded editor stole hits inside the nested Settings form sheet, so Label/URL never became first responder and Save/refresh/trash did nothing. Mount the editor in a plain View.
---
 .../features/connection/ConnectionEnvironmentRow.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/apps/mobile/src/features/connection/ConnectionEnvironmentRow.tsx b/apps/mobile/src/features/connection/ConnectionEnvironmentRow.tsx
index cf90cd42a0ad..6be7bc2613c5 100644
--- a/apps/mobile/src/features/connection/ConnectionEnvironmentRow.tsx
+++ b/apps/mobile/src/features/connection/ConnectionEnvironmentRow.tsx
@@ -8,7 +8,7 @@ import * as Cause from "effect/Cause";
 import { AsyncResult } from "effect/unstable/reactivity";
 import { useCallback, useState } from "react";
 import { Platform, Alert, Pressable, View } from "react-native";
-import Animated, { FadeIn, FadeOut, LinearTransition } from "react-native-reanimated";
+import Animated, { LinearTransition } from "react-native-reanimated";
 
 import { AppText as Text } from "../../components/AppText";
 import { EnvironmentMachineSymbol } from "../../components/EnvironmentMachineSymbol";
@@ -142,11 +142,9 @@ export function ConnectionEnvironmentRow(props: {
       </Pressable>
 
       {props.expanded ? (
-        <Animated.View
-          entering={FadeIn.duration(200)}
-          exiting={FadeOut.duration(150)}
-          className="gap-3 px-4 pb-4"
-        >
+        // Reanimated entering/exiting on this editor steals iOS hits inside the
+        // nested form sheet, so Label/URL never become first responder.
+        <View collapsable={false} className="gap-3 px-4 pb-4">
           {props.environment.isRelayManaged ? (
             <Text className="text-sm text-foreground-muted">
               Managed by T3 Connect. Tunnel details update automatically.
@@ -247,7 +245,7 @@ export function ConnectionEnvironmentRow(props: {
               </Pressable>
             </View>
           )}
-        </Animated.View>
+        </View>
       ) : null}
     </Animated.View>
   );