Merge pull request #21333 from reinaldosg/issue/20904

Fix inconsistent input field size in close account page message field
Expensify · Jun 26, 2023 · 7eacc10 · 7eacc10
2 parents d76b1ad + 45f665e
commit 7eacc10
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/pages/ReportWelcomeMessagePage.js b/src/pages/ReportWelcomeMessagePage.js
@@ -69,14 +69,14 @@ function ReportWelcomeMessagePage(props) {
                         <TextInput
                             inputID="welcomeMessage"
                             label={props.translate('welcomeMessagePage.welcomeMessage')}
-                            multiline
-                            numberOfLines={10}
+                            autoGrowHeight
                             maxLength={CONST.MAX_COMMENT_LENGTH}
                             ref={(el) => (welcomeMessageInputRef.current = el)}
                             value={welcomeMessage}
                             onChangeText={handleWelcomeMessageChange}
                             autoCapitalize="none"
                             textAlignVertical="top"
+                            containerStyles={[styles.autoGrowHeightMultilineInput]}
                         />
                     </View>
                 </Form>

diff --git a/src/pages/settings/Security/CloseAccountPage.js b/src/pages/settings/Security/CloseAccountPage.js
@@ -103,11 +103,10 @@ class CloseAccountPage extends Component {
                         <Text>{this.props.translate('closeAccountPage.reasonForLeavingPrompt')}</Text>
                         <TextInput
                             inputID="reasonForLeaving"
-                            multiline
-                            numberOfLines={6}
+                            autoGrowHeight
                             textAlignVertical="top"
                             label={this.props.translate('closeAccountPage.enterMessageHere')}
-                            containerStyles={[styles.mt5, styles.closeAccountMessageInput]}
+                            containerStyles={[styles.mt5, styles.autoGrowHeightMultilineInput]}
                         />
                         <Text style={[styles.mt5]}>
                             {this.props.translate('closeAccountPage.enterDefaultContactToConfirm')} <Text style={[styles.textStrong]}>{userEmailOrPhone}</Text>.