Fix width of text input in split expense page

Expensify · May 18, 2024 · b6a5fed · b6a5fed
1 parent e8ae3c5
commit b6a5fed
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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