diff --git a/src/components/EmojiPicker/EmojiPickerMenu/BaseEmojiPickerMenu.js b/src/components/EmojiPicker/EmojiPickerMenu/BaseEmojiPickerMenu.js index 1d2d15e4564c..a9bc1eeac8b6 100644 --- a/src/components/EmojiPicker/EmojiPickerMenu/BaseEmojiPickerMenu.js +++ b/src/components/EmojiPicker/EmojiPickerMenu/BaseEmojiPickerMenu.js @@ -143,6 +143,14 @@ function BaseEmojiPickerMenu({headerEmojis, scrollToHeader, isFiltered, listWrap contentContainerStyle={styles.ph4} extraData={extraData} getItemType={getItemType} + overrideProps={{ + // scrollPaddingTop set to consider sticky header while scrolling, https://github.com/Expensify/App/issues/36883 + style: { + minHeight: 1, + minWidth: 1, + scrollPaddingTop: isFiltered ? 0 : CONST.EMOJI_PICKER_ITEM_HEIGHT, + }, + }} /> diff --git a/src/components/EmojiPicker/EmojiPickerMenu/index.js b/src/components/EmojiPicker/EmojiPickerMenu/index.js index b08d2106ff93..25a40a709658 100755 --- a/src/components/EmojiPicker/EmojiPickerMenu/index.js +++ b/src/components/EmojiPicker/EmojiPickerMenu/index.js @@ -334,12 +334,7 @@ function EmojiPickerMenu({forwardedRef, onEmojiSelected, activeEmoji}) { isFiltered={isListFiltered} headerEmojis={headerEmojis} scrollToHeader={scrollToHeader} - listWrapperStyle={[ - listStyle, - // Set scrollPaddingTop to consider sticky headers while scrolling - {scrollPaddingTop: isListFiltered ? 0 : CONST.EMOJI_PICKER_ITEM_HEIGHT}, - styles.flexShrink1, - ]} + listWrapperStyle={[listStyle, styles.flexShrink1]} ref={emojiListRef} data={filteredEmojis} renderItem={renderItem}