Refactor, use platform-specific styles

Expensify · Aug 21, 2023 · d909681 · d909681
1 parent c3b8f16
commit d909681
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -0,0 +1 @@
+export default {};