From d90968188ffcc7bbf765b737c07653f29e5341e0 Mon Sep 17 00:00:00 2001
From: Jakub Kosmydel <104823336+kosmydel@users.noreply.github.com>
Date: Mon, 21 Aug 2023 15:49:14 +0200
Subject: [PATCH] Refactor, use platform-specific styles

---
 src/components/InvertedFlatList/index.js                     | 1 -
 src/pages/home/report/ReportActionsList.js                   | 1 +
 src/styles/utilities/overflow.js                             | 5 ++---
 src/styles/utilities/overscrollBehaviorContain/index.js      | 3 +++
 .../utilities/overscrollBehaviorContain/index.native.js      | 1 +
 5 files changed, 7 insertions(+), 4 deletions(-)
 create mode 100644 src/styles/utilities/overscrollBehaviorContain/index.js
 create mode 100644 src/styles/utilities/overscrollBehaviorContain/index.native.js

diff --git a/src/components/InvertedFlatList/index.js b/src/components/InvertedFlatList/index.js
index 505fec32ddbd..923a17210af7 100644
--- a/src/components/InvertedFlatList/index.js
+++ b/src/components/InvertedFlatList/index.js
@@ -43,7 +43,6 @@ class InvertedFlatList extends React.Component {
                 ref={(el) => (this.list = el)}
                 shouldMeasureItems
                 contentContainerStyle={StyleSheet.compose(this.props.contentContainerStyle, styles.justifyContentEnd)}
-                style={styles.overscrollBehaviorContain}
             />
         );
     }
diff --git a/src/pages/home/report/ReportActionsList.js b/src/pages/home/report/ReportActionsList.js
index 7f897ee825fb..4ef607e638c6 100644
--- a/src/pages/home/report/ReportActionsList.js
+++ b/src/pages/home/report/ReportActionsList.js
@@ -291,6 +291,7 @@ function ReportActionsList({
                 <InvertedFlatList
                     accessibilityLabel={translate('sidebarScreen.listOfChatMessages')}
                     ref={reportScrollManager.ref}
+                    style={styles.overscrollBehaviorContain}
                     data={sortedReportActions}
                     renderItem={renderItem}
                     contentContainerStyle={styles.chatContentScrollView}
diff --git a/src/styles/utilities/overflow.js b/src/styles/utilities/overflow.js
index 9b7f92cd156f..54088adff9df 100644
--- a/src/styles/utilities/overflow.js
+++ b/src/styles/utilities/overflow.js
@@ -1,4 +1,5 @@
 import overflowAuto from './overflowAuto';
+import overscrollBehaviorContain from './overscrollBehaviorContain';
 
 /**
  * Overflow utility styles with Bootstrap inspired naming.
@@ -22,9 +23,7 @@ export default {
         overscrollBehavior: 'none',
     },
 
-    overscrollBehaviorContain: {
-        overscrollBehavior: 'contain',
-    },
+    overscrollBehaviorContain,
 
     overflowAuto,
 };
diff --git a/src/styles/utilities/overscrollBehaviorContain/index.js b/src/styles/utilities/overscrollBehaviorContain/index.js
new file mode 100644
index 000000000000..1377e4b47d28
--- /dev/null
+++ b/src/styles/utilities/overscrollBehaviorContain/index.js
@@ -0,0 +1,3 @@
+export default {
+    overscrollBehavior: 'contain',
+};
diff --git a/src/styles/utilities/overscrollBehaviorContain/index.native.js b/src/styles/utilities/overscrollBehaviorContain/index.native.js
new file mode 100644
index 000000000000..ff8b4c56321a
--- /dev/null
+++ b/src/styles/utilities/overscrollBehaviorContain/index.native.js
@@ -0,0 +1 @@
+export default {};