From 4e9efac2e1d19d92aa23463ed604d3c38c31c39d Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Fri, 23 Jan 2026 16:37:21 +0100
Subject: [PATCH] Make custom textarea field content selectable on mobile
 (#1473)

---
 apps/mobile-app/components/items/details/FieldBlock.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/mobile-app/components/items/details/FieldBlock.tsx b/apps/mobile-app/components/items/details/FieldBlock.tsx
index acc024b2f..6dace084b 100644
--- a/apps/mobile-app/components/items/details/FieldBlock.tsx
+++ b/apps/mobile-app/components/items/details/FieldBlock.tsx
@@ -158,7 +158,7 @@ const FieldBlock: React.FC<FieldBlockProps> = ({ field, itemId, hideLabel = fals
             </View>
           )}
           <View style={styles.textAreaContainer}>
-            <Text style={styles.textAreaText}>{value}</Text>
+            <Text style={styles.textAreaText} selectable={true}>{value}</Text>
           </View>
         </View>
       );
@@ -172,7 +172,7 @@ const FieldBlock: React.FC<FieldBlockProps> = ({ field, itemId, hideLabel = fals
       // Add text before URL
       if (urlMatch.start > lastEnd) {
         segments.push(
-          <Text key={`text-${idx}`} style={styles.textAreaText}>
+          <Text key={`text-${idx}`} style={styles.textAreaText} selectable={true}>
             {value.substring(lastEnd, urlMatch.start)}
           </Text>
         );
@@ -185,6 +185,7 @@ const FieldBlock: React.FC<FieldBlockProps> = ({ field, itemId, hideLabel = fals
           key={`url-${idx}`}
           style={[styles.textAreaText, styles.linkText]}
           onPress={() => Linking.openURL(href)}
+          selectable={true}
         >
           {urlMatch.url}
         </Text>
@@ -196,7 +197,7 @@ const FieldBlock: React.FC<FieldBlockProps> = ({ field, itemId, hideLabel = fals
     // Add remaining text after last URL
     if (lastEnd < value.length) {
       segments.push(
-        <Text key="text-end" style={styles.textAreaText}>
+        <Text key="text-end" style={styles.textAreaText} selectable={true}>
           {value.substring(lastEnd)}
         </Text>
       );
@@ -211,7 +212,7 @@ const FieldBlock: React.FC<FieldBlockProps> = ({ field, itemId, hideLabel = fals
           </View>
         )}
         <View style={styles.textAreaContainer}>
-          <Text>{segments}</Text>
+          <Text selectable={true}>{segments}</Text>
         </View>
       </View>
     );