Fix: Exports list is not scrollable when export options exceed viewport height

Author: nyomanjyotisa

src/components/MoneyReportHeader.tsx

@@ -1932,6 +1932,9 @@ function MoneyReportHeader({
     }, [originalSelectedTransactionsOptions, showDeleteModal, dismissedRejectUseExplanation, isDelegateAccessRestricted, showDelegateNoAccessModal]);
 
     const shouldShowSelectedTransactionsButton = !!selectedTransactionsOptions.length && !transactionThreadReportID;
+    const shouldPopoverUseScrollView =
+        selectedTransactionsOptions.length >= CONST.DROPDOWN_SCROLL_THRESHOLD ||
+        selectedTransactionsOptions.some((option) => (option.subMenuItems?.length ?? 0) >= CONST.DROPDOWN_SCROLL_THRESHOLD);
 
     if (isMobileSelectionModeEnabled && shouldUseNarrowLayout) {
         // If mobile selection mode is enabled but only one or no transactions remain, turn it off
@@ -2023,6 +2026,8 @@ function MoneyReportHeader({
                                     })}
                                     isSplitButton={false}
                                     shouldAlwaysShowDropdownMenu
+                                    shouldPopoverUseScrollView={shouldPopoverUseScrollView}
+                                    wrapperStyle={styles.w100}
                                 />
                             </View>
                         )}
@@ -2040,6 +2045,7 @@ function MoneyReportHeader({
                             })}
                             isSplitButton={false}
                             shouldAlwaysShowDropdownMenu
+                            shouldPopoverUseScrollView={shouldPopoverUseScrollView}
                             wrapperStyle={styles.w100}
                         />
                     </View>

src/components/MoneyRequestReportView/MoneyRequestReportActionsList.tsx

@@ -306,6 +306,10 @@ function MoneyRequestReportActionsList({
         });
     }, [originalSelectedTransactionsOptions, dismissedRejectUseExplanation, isDelegateAccessRestricted, showDelegateNoAccessModal]);
 
+    const shouldPopoverUseScrollView =
+        selectedTransactionsOptions.length >= CONST.DROPDOWN_SCROLL_THRESHOLD ||
+        selectedTransactionsOptions.some((option) => (option.subMenuItems?.length ?? 0) >= CONST.DROPDOWN_SCROLL_THRESHOLD);
+
     const dismissRejectModalBasedOnAction = useCallback(() => {
         if (rejectModalAction === CONST.REPORT.TRANSACTION_SECONDARY_ACTIONS.REJECT_BULK) {
             dismissRejectUseExplanation();
@@ -800,6 +804,7 @@ function MoneyRequestReportActionsList({
                         customText={translate('workspace.common.selected', {count: selectedTransactionIDs.length})}
                         isSplitButton={false}
                         shouldAlwaysShowDropdownMenu
+                        shouldPopoverUseScrollView={shouldPopoverUseScrollView}
                         wrapperStyle={[styles.w100, styles.ph5]}
                     />
                     <View style={[styles.alignItemsCenter, styles.userSelectNone, styles.flexRow, styles.pt6, styles.ph8, styles.pb3]}>