fix: Fixes bottom note being hidden behind nav bar on Android

This commit is contained in:
Antonella Sgarlatta 2026-01-02 11:30:18 -03:00
parent 5944cead98
commit 96a54d18c0
No known key found for this signature in database
GPG key ID: 821BD0174AEC6D87

View file

@ -9,6 +9,7 @@ import { ElementIds } from '@/Constants/ElementIDs'
import { classNames } from '@standardnotes/utils'
import { SNTag } from '@standardnotes/snjs'
import { ItemListController } from '@/Controllers/ItemList/ItemListController'
import { useMediaQuery, MutuallyExclusiveMediaQueryBreakpoints } from '@/Hooks/useMediaQuery'
type Props = {
application: WebApplication
@ -25,6 +26,8 @@ const ContentList: FunctionComponent<Props> = ({ application, items, selectedUui
const { sortBy } = itemListController.displayOptions
const selectedTag = navigationController.selected
const isMobileScreen = useMediaQuery(MutuallyExclusiveMediaQueryBreakpoints.sm)
const onScroll: UIEventHandler = useCallback(
(e) => {
const offset = NOTES_LIST_SCROLL_THRESHOLD
@ -83,7 +86,8 @@ const ContentList: FunctionComponent<Props> = ({ application, items, selectedUui
className={classNames(
'infinite-scroll overflow-y-auto overflow-x-hidden focus:shadow-none focus:outline-none',
'md:max-h-full pointer-coarse:md:overflow-y-auto',
'flex-grow pb-2',
'flex-grow',
isMobileScreen ? !itemListController.isMultipleSelectionMode && 'pb-safe-bottom' : 'pb-2',
)}
id={ElementIds.ContentList}
onScroll={onScroll}