Merge pull request #78903 from situchan/revert-77324-fix/76785

Revert "Report field - Multiline input for name field in report field does not scroll"

(cherry picked from commit 0a2c794)

(cherry-picked to staging by arosiclair)

Author: arosiclair

src/components/TextInput/BaseTextInput/implementation/index.tsx

@@ -27,7 +27,7 @@ import useMarkdownStyle from '@hooks/useMarkdownStyle';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
-import {isMobileChrome, isMobileSafari, isSafari} from '@libs/Browser';
+import {isMobileChrome} from '@libs/Browser';
 import {scrollToRight} from '@libs/InputUtils';
 import isInputAutoFilled from '@libs/isInputAutoFilled';
 import variables from '@styles/variables';
@@ -257,27 +257,6 @@ function BaseTextInput({
         }
     };
 
-    /**
-     * Forces Safari to recalculate text layout when input height changes.
-     * Safari's Shadow DOM doesn't reflow text automatically when container height
-     * changes, causing text to remain stuck on the previous number of lines.
-     * https://github.com/Expensify/App/issues/76785
-     */
-    useEffect(() => {
-        if (!input.current || !(isSafari() || isMobileSafari()) || textInputHeight === 0) {
-            return;
-        }
-
-        const element = input.current;
-        const originalWhiteSpace = element.style.whiteSpace;
-
-        element.style.whiteSpace = 'nowrap';
-        // Force layout calculation on the next frame
-        requestAnimationFrame(() => {
-            element.style.whiteSpace = originalWhiteSpace || '';
-        });
-    }, [textInputHeight]);
-
     const togglePasswordVisibility = useCallback(() => {
         setPasswordHidden((prevPasswordHidden: boolean | undefined) => !prevPasswordHidden);
     }, []);

src/components/TextInput/TextInputMeasurement/index.tsx

@@ -63,9 +63,6 @@ function TextInputMeasurement({
                     style={[
                         inputStyle,
                         autoGrowHeight && styles.autoGrowHeightHiddenInput(width ?? 0, typeof maxAutoGrowHeight === 'number' ? maxAutoGrowHeight : undefined),
-                        // Since the hidden input is absolutely positioned, container styles don't automatically apply.
-                        // We pass the container styles directly to match the visible input's dimensions.
-                        styles.hiddenTextInputContainer,
                         styles.hiddenElementOutsideOfWindow,
                         styles.visibilityHidden,
                     ]}

src/styles/index.ts

@@ -1251,12 +1251,6 @@ const staticStyles = (theme: ThemeColors) =>
             borderColor: theme.border,
         },
 
-        hiddenTextInputContainer: {
-            paddingLeft: 8,
-            paddingRight: 8,
-            borderWidth: 1,
-        },
-
         cannotBeEditedSplitInputContainer: {
             flexDirection: 'row',
             alignItems: 'center',