Fix: compose box becomes overlapped by the keyboard

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}

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>;

src/styles/utilities/overscrollBehaviorContain/index.js

@@ -0,0 +1,3 @@
+export default {
+    overscrollBehavior: 'contain',
+};

src/styles/utilities/overscrollBehaviorContain/index.native.js

@@ -0,0 +1 @@
+export default {};