diff --git a/src/components/Search/SearchAutocompleteList.tsx b/src/components/Search/SearchAutocompleteList.tsx index 4448189c77c2..dc880c3f5dfb 100644 --- a/src/components/Search/SearchAutocompleteList.tsx +++ b/src/components/Search/SearchAutocompleteList.tsx @@ -487,7 +487,7 @@ function SearchAutocompleteList( onSelectRow={onListItemPress} ListItem={SearchRouterItem} containerStyle={[styles.mh100]} - sectionListStyle={[styles.ph2, styles.pb2]} + sectionListStyle={[styles.ph2, styles.pb2, styles.overscrollBehaviorContain]} listItemWrapperStyle={[styles.pr0, styles.pl0]} getItemHeight={getItemHeight} onLayout={() => { diff --git a/src/components/Search/SearchRouter/SearchRouterModal.tsx b/src/components/Search/SearchRouter/SearchRouterModal.tsx index fa8165fec596..3b03ac86662d 100644 --- a/src/components/Search/SearchRouter/SearchRouterModal.tsx +++ b/src/components/Search/SearchRouter/SearchRouterModal.tsx @@ -1,9 +1,12 @@ import React, {useState} from 'react'; import FocusTrapForModal from '@components/FocusTrap/FocusTrapForModal'; +import KeyboardAvoidingView from '@components/KeyboardAvoidingView'; import Modal from '@components/Modal'; import useResponsiveLayout from '@hooks/useResponsiveLayout'; import useSafeAreaInsets from '@hooks/useSafeAreaInsets'; +import useThemeStyles from '@hooks/useThemeStyles'; import useViewportOffsetTop from '@hooks/useViewportOffsetTop'; +import useWindowDimensions from '@hooks/useWindowDimensions'; import {isMobileChrome, isMobileSafari} from '@libs/Browser'; import CONST from '@src/CONST'; import SearchRouter from './SearchRouter'; @@ -12,7 +15,9 @@ import {useSearchRouterContext} from './SearchRouterContext'; const isMobileWebSafari = isMobileSafari(); function SearchRouterModal() { + const styles = useThemeStyles(); const {shouldUseNarrowLayout} = useResponsiveLayout(); + const {windowHeight} = useWindowDimensions(); const {isSearchRouterDisplayed, closeSearchRouter} = useSearchRouterContext(); const viewportOffsetTop = useViewportOffsetTop(); const safeAreaInsets = useSafeAreaInsets(); @@ -35,14 +40,19 @@ function SearchRouterModal() { onModalHide={() => setShouldHideInputCaret(isMobileWebSafari)} onModalShow={() => setShouldHideInputCaret(false)} > - {isSearchRouterDisplayed && ( - - - - )} + + {isSearchRouterDisplayed && ( + + + + )} + ); }