diff --git a/src/components/SelectionList/BaseSelectionList.tsx b/src/components/SelectionList/BaseSelectionList.tsx index a6894efe0db4..826c76c6aa96 100644 --- a/src/components/SelectionList/BaseSelectionList.tsx +++ b/src/components/SelectionList/BaseSelectionList.tsx @@ -60,7 +60,6 @@ function BaseSelectionList({ isLoadingNewOptions, isRowMultilineSupported = false, addBottomSafeAreaPadding, - includeSafeAreaPaddingBottom = true, showListEmptyContent = true, showLoadingPlaceholder, showScrollIndicator = true, @@ -100,10 +99,9 @@ function BaseSelectionList({ [isSelected, selectedItems, canSelectMultiple], ); - const paddingBottomStyle = useMemo( - () => (!isKeyboardShown || !!footerContent) && includeSafeAreaPaddingBottom && safeAreaPaddingBottomStyle, - [footerContent, includeSafeAreaPaddingBottom, isKeyboardShown, safeAreaPaddingBottomStyle], - ); + const paddingBottomStyle = useMemo(() => !isKeyboardShown && safeAreaPaddingBottomStyle, [isKeyboardShown, safeAreaPaddingBottomStyle]); + + const hasFooter = !!footerContent || confirmButtonConfig?.showButton; const dataDetails = useMemo>(() => { const {disabledIndexes, disabledArrowKeyIndexes, selectedOptions} = data.reduce( @@ -378,7 +376,7 @@ function BaseSelectionList({ useImperativeHandle(ref, () => ({scrollAndHighlightItem, scrollToIndex}), [scrollAndHighlightItem, scrollToIndex]); return ( - + {textInputComponent({shouldBeInsideList: false})} {data.length === 0 ? ( renderListEmptyContent() diff --git a/src/components/SelectionList/types.ts b/src/components/SelectionList/types.ts index 7b6afe5a6c53..3a30e3ed2e61 100644 --- a/src/components/SelectionList/types.ts +++ b/src/components/SelectionList/types.ts @@ -96,9 +96,6 @@ type SelectionListProps = { /** Whether to add bottom safe area padding */ addBottomSafeAreaPadding?: boolean; - /** Whether to include padding bottom */ - includeSafeAreaPaddingBottom?: boolean; - /** Whether to show the empty list content */ showListEmptyContent?: boolean; diff --git a/src/pages/OnboardingEmployees/BaseOnboardingEmployees.tsx b/src/pages/OnboardingEmployees/BaseOnboardingEmployees.tsx index 2af650bef111..c240f89b6196 100644 --- a/src/pages/OnboardingEmployees/BaseOnboardingEmployees.tsx +++ b/src/pages/OnboardingEmployees/BaseOnboardingEmployees.tsx @@ -98,7 +98,6 @@ function BaseOnboardingEmployees({shouldUseNativeStyles, route}: BaseOnboardingE ListItem={RadioListItem} footerContent={footerContent} style={{listItemWrapperStyle: onboardingIsMediumOrLargerScreenWidth ? [styles.pl8, styles.pr8] : []}} - includeSafeAreaPaddingBottom={false} /> );