about summary refs log tree commit diff
path: root/src/view/com/composer/text-input/TextInput.tsx
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2023-03-20 16:10:29 -0500
committerGitHub <noreply@github.com>2023-03-20 16:10:29 -0500
commit8a3601c07c693fa85800644f072ab895f3be4242 (patch)
treee702865de80960190249076b263b11ce31cd29af /src/view/com/composer/text-input/TextInput.tsx
parentdf6a712834326d62fdac3fe459bcd1eb23bf5010 (diff)
downloadvoidsky-8a3601c07c693fa85800644f072ab895f3be4242.tar.zst
Fix visibility of the mentions autocomplete in the composer (#326) (#329)
* Improve layout in composer to ensure the mentions autocomplete is visible (closes #326)

* Dont dismiss the keyboard in the composer
Diffstat (limited to 'src/view/com/composer/text-input/TextInput.tsx')
-rw-r--r--src/view/com/composer/text-input/TextInput.tsx10
1 files changed, 8 insertions, 2 deletions
diff --git a/src/view/com/composer/text-input/TextInput.tsx b/src/view/com/composer/text-input/TextInput.tsx
index 668b148a4..877945b96 100644
--- a/src/view/com/composer/text-input/TextInput.tsx
+++ b/src/view/com/composer/text-input/TextInput.tsx
@@ -3,6 +3,7 @@ import {
   NativeSyntheticEvent,
   StyleSheet,
   TextInputSelectionChangeEventData,
+  View,
 } from 'react-native'
 import PasteInput, {
   PastedFile,
@@ -185,7 +186,7 @@ export const TextInput = React.forwardRef(
     }, [text, pal.link, pal.text])
 
     return (
-      <>
+      <View style={styles.container}>
         <PasteInput
           testID="composerTextInput"
           ref={textInput}
@@ -202,15 +203,20 @@ export const TextInput = React.forwardRef(
           view={autocompleteView}
           onSelect={onSelectAutocompleteItem}
         />
-      </>
+      </View>
     )
   },
 )
 
 const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+  },
   textInput: {
     flex: 1,
+    minHeight: 80,
     padding: 5,
+    paddingBottom: 20,
     marginLeft: 8,
     alignSelf: 'flex-start',
   },