Focus the text input on tap during the composer

src/view/com/composer/ComposePost.tsx

@@ -9,6 +9,7 @@ import {
   StyleSheet,
   TextInput,
   TouchableOpacity,
+  TouchableWithoutFeedback,
   View,
 } from 'react-native'
 import LinearGradient from 'react-native-linear-gradient'
@@ -88,6 +89,9 @@ export const ComposePost = observer(function ComposePost({
     }
   }, [])
 
+  const onPressContainer = () => {
+    textInput.current?.focus()
+  }
   const onPressSelectPhotos = () => {
     if (isSelectingPhotos) {
       setIsSelectingPhotos(false)
@@ -183,6 +187,7 @@ export const ComposePost = observer(function ComposePost({
       testID="composePostView"
       behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
       style={[pal.view, styles.outer]}>
+      <TouchableWithoutFeedback onPressIn={onPressContainer}>
         <SafeAreaView style={s.flex1}>
           <View style={styles.topbar}>
             <TouchableOpacity
@@ -255,7 +260,11 @@ export const ComposePost = observer(function ComposePost({
               </View>
             ) : undefined}
             <View
-            style={[pal.border, styles.textInputLayout, selectTextInputLayout]}>
+              style={[
+                pal.border,
+                styles.textInputLayout,
+                selectTextInputLayout,
+              ]}>
               <UserAvatar
                 handle={store.me.handle || ''}
                 displayName={store.me.displayName}
@@ -333,6 +342,7 @@ export const ComposePost = observer(function ComposePost({
             onSelect={onSelectAutocompleteItem}
           />
         </SafeAreaView>
+      </TouchableWithoutFeedback>
     </KeyboardAvoidingView>
   )
 })