Merge pull request #24116 from alphaboss1104/23609-Bug-Fix

fix no scroll bar in several pages
Expensify · Aug 3, 2023 · f9d760f · f9d760f
2 parents 3396329 + 1b8b064
commit f9d760f
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 1 deletion.
diff --git a/src/components/OptionsList/BaseOptionsList.js b/src/components/OptionsList/BaseOptionsList.js
@@ -224,7 +224,7 @@ class BaseOptionsList extends Component {
                             onScrollBeginDrag={this.props.onScrollBeginDrag}
                             onScroll={this.props.onScroll}
                             contentContainerStyle={this.props.contentContainerStyles}
-                            showsVerticalScrollIndicator={false}
+                            showsVerticalScrollIndicator={this.props.showScrollIndicator}
                             sections={this.props.sections}
                             keyExtractor={this.extractKey}
                             stickySectionHeadersEnabled={false}

diff --git a/src/components/OptionsList/optionsListPropTypes.js b/src/components/OptionsList/optionsListPropTypes.js
@@ -75,6 +75,9 @@ const propTypes = {
 
     /** Whether to disable the inner padding in rows */
     shouldDisableRowInnerPadding: PropTypes.bool,
+
+    /** Whether to show the scroll bar */
+    showScrollIndicator: PropTypes.bool,
 };
 
 const defaultProps = {
@@ -97,6 +100,7 @@ const defaultProps = {
     onLayout: undefined,
     shouldHaveOptionSeparator: false,
     shouldDisableRowInnerPadding: false,
+    showScrollIndicator: false,
 };
 
 export {propTypes, defaultProps};
diff --git a/src/components/OptionsSelector/BaseOptionsSelector.js b/src/components/OptionsSelector/BaseOptionsSelector.js
@@ -356,6 +356,7 @@ class BaseOptionsSelector extends Component {
                 contentContainerStyles={[safeAreaPaddingBottomStyle, ...this.props.contentContainerStyles]}
                 listContainerStyles={this.props.listContainerStyles}
                 isLoading={!this.props.shouldShowOptions}
+                showScrollIndicator={this.props.showScrollIndicator}
             />
         );
         return (

diff --git a/src/pages/ReportParticipantsPage.js b/src/pages/ReportParticipantsPage.js
@@ -121,6 +121,7 @@ function ReportParticipantsPage(props) {
                                 }}
                                 hideSectionHeaders
                                 showTitleTooltip
+                                showScrollIndicator
                                 disableFocusOptions
                                 boldStyle
                                 optionHoveredStyle={styles.hoveredComponentBG}

diff --git a/src/pages/workspace/WorkspaceInvitePage.js b/src/pages/workspace/WorkspaceInvitePage.js
@@ -228,6 +228,7 @@ function WorkspaceInvitePage(props) {
                                 onChangeText={setSearchTerm}
                                 onConfirmSelection={inviteUser}
                                 headerMessage={headerMessage}
+                                showScrollIndicator
                                 hideSectionHeaders
                                 boldStyle
                                 shouldDelayFocus