From b6a5fed29ed9cddfcdb027a26bd3f89c00083255 Mon Sep 17 00:00:00 2001 From: Qichen Zhu <57348009+QichenZhu@users.noreply.github.com> Date: Sat, 18 May 2024 22:41:48 +1200 Subject: [PATCH] Fix width of text input in split expense page --- src/components/TextInput/BaseTextInput/index.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) 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