diff --git a/src/components/TextInput/BaseTextInput/index.tsx b/src/components/TextInput/BaseTextInput/index.tsx index c73509aa7b8f..692e3e4eef78 100644 --- a/src/components/TextInput/BaseTextInput/index.tsx +++ b/src/components/TextInput/BaseTextInput/index.tsx @@ -371,7 +371,9 @@ function BaseTextInput( // Explicitly change boxSizing attribute for mobile chrome in order to apply line-height // for the issue mentioned here https://github.com/Expensify/App/issues/26735 - !isMultiline && Browser.isMobileChrome() && {boxSizing: 'content-box', height: undefined}, + // Set overflow property to enable the parent flexbox to shrink its size + // (See https://github.com/Expensify/App/issues/41766) + !isMultiline && Browser.isMobileChrome() && {boxSizing: 'content-box', height: undefined, ...styles.overflowAuto}, // Stop scrollbar flashing when breaking lines with autoGrowHeight enabled. ...(autoGrowHeight