add chatContentScrollViewPlatformStyles

src/pages/home/report/ReportActionsList.tsx

@@ -18,7 +18,6 @@ import useReportScrollManager from '@hooks/useReportScrollManager';
 import useThemeStyles from '@hooks/useThemeStyles';
 import useWindowDimensions from '@hooks/useWindowDimensions';
 import DateUtils from '@libs/DateUtils';
-import getPlatform from '@libs/getPlatform';
 import Navigation from '@libs/Navigation/Navigation';
 import * as ReportActionsUtils from '@libs/ReportActionsUtils';
 import * as ReportUtils from '@libs/ReportUtils';
@@ -600,12 +599,8 @@ function ReportActionsList({
     const canShowHeader = !isOffline && !hasHeaderRendered.current && scrollingVerticalOffset.current > VERTICAL_OFFSET_THRESHOLD;
 
     const contentContainerStyle: StyleProp<ViewStyle> = useMemo(
-        () => [
-            getPlatform() === CONST.PLATFORM.WEB || getPlatform() === CONST.PLATFORM.DESKTOP ? styles.overflowHidden : {},
-            styles.chatContentScrollView,
-            isLoadingNewerReportActions && canShowHeader ? styles.chatContentScrollViewWithHeaderLoader : {},
-        ],
-        [isLoadingNewerReportActions, styles.overflowHidden, styles.chatContentScrollView, styles.chatContentScrollViewWithHeaderLoader, canShowHeader],
+        () => [styles.chatContentScrollView, isLoadingNewerReportActions && canShowHeader ? styles.chatContentScrollViewWithHeaderLoader : {}],
+        [isLoadingNewerReportActions, styles.chatContentScrollView, styles.chatContentScrollViewWithHeaderLoader, canShowHeader],
     );
 
     const lastReportAction: OnyxTypes.ReportAction | EmptyObject = useMemo(() => sortedReportActions.at(-1) ?? {}, [sortedReportActions]);

src/styles/index.ts

@@ -15,6 +15,7 @@ import colors from './theme/colors';
 import type {ThemeColors} from './theme/types';
 import addOutlineWidth from './utils/addOutlineWidth';
 import borders from './utils/borders';
+import chatContentScrollViewPlatformStyles from './utils/chatContentScrollViewPlatformStyles';
 import codeStyles from './utils/codeStyles';
 import cursor from './utils/cursor';
 import display from './utils/display';
@@ -1944,6 +1945,7 @@ const styles = (theme: ThemeColors) =>
             flexGrow: 1,
             justifyContent: 'flex-start',
             paddingBottom: 16,
+            ...chatContentScrollViewPlatformStyles,
         },
 
         // Chat Item

src/styles/utils/chatContentScrollViewPlatformStyles/index.native.ts

@@ -0,0 +1,5 @@
+import type ChatContentScrollViewPlatformStyles from './types';
+
+const chatContentScrollViewPlatformStyles: ChatContentScrollViewPlatformStyles = {};
+
+export default chatContentScrollViewPlatformStyles;

src/styles/utils/chatContentScrollViewPlatformStyles/index.ts

@@ -0,0 +1,7 @@
+import type ChatContentScrollViewPlatformStyles from './types';
+
+const chatContentScrollViewPlatformStyles: ChatContentScrollViewPlatformStyles = {
+    overflow: 'hidden',
+};
+
+export default chatContentScrollViewPlatformStyles;

src/styles/utils/chatContentScrollViewPlatformStyles/types.ts

@@ -0,0 +1,5 @@
+import type {ViewStyle} from 'react-native';
+
+type ChatContentScrollViewPlatformStyles = ViewStyle;
+
+export default ChatContentScrollViewPlatformStyles;