Merge pull request #24502 from kosmydel/@swm/fix-overscroll

Fix: compose box becomes overlapped by the keyboard
Expensify · Sep 18, 2023 · 2905e6d · 2905e6d
2 parents 4c535d6 + f8383d8
commit 2905e6d
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
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.ts b/src/styles/utilities/overflow.ts
@@ -1,5 +1,6 @@
 import {CSSProperties} from 'react';
 import overflowAuto from './overflowAuto';
+import overscrollBehaviorContain from './overscrollBehaviorContain';
 
 /**
  * Overflow utility styles with Bootstrap inspired naming.
@@ -23,5 +24,7 @@ export default {
         overscrollBehaviorX: 'none',
     },
 
+    overscrollBehaviorContain,
+
     overflowAuto,
 } satisfies Record<string, CSSProperties>;
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 {};