diff --git a/src/styles/emojiHeaderContainerPlatformStyles/index.js b/src/styles/emojiHeaderContainerPlatformStyles/index.js new file mode 100644 index 000000000000..6bc0c37459ce --- /dev/null +++ b/src/styles/emojiHeaderContainerPlatformStyles/index.js @@ -0,0 +1,6 @@ +// This change is only temporary until browser have fixed the issue with position: sticky causing the header to bounce on scroll in non-native apps +// https://github.com/Expensify/App/issues/15282 +// https://bugs.chromium.org/p/chromium/issues/detail?id=734461 +export default { + top: -1, +}; diff --git a/src/styles/emojiHeaderContainerPlatformStyles/index.native.js b/src/styles/emojiHeaderContainerPlatformStyles/index.native.js new file mode 100644 index 000000000000..ff8b4c56321a --- /dev/null +++ b/src/styles/emojiHeaderContainerPlatformStyles/index.native.js @@ -0,0 +1 @@ +export default {}; diff --git a/src/styles/styles.js b/src/styles/styles.js index d52e00cf9d90..50104821d8fa 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -15,6 +15,7 @@ import codeStyles from './codeStyles'; import visibility from './utilities/visibility'; import writingDirection from './utilities/writingDirection'; import optionAlternateTextPlatformStyles from './optionAlternateTextPlatformStyles'; +import emojiHeaderContainerPlatformStyles from './emojiHeaderContainerPlatformStyles'; import pointerEventsNone from './pointerEventsNone'; import pointerEventsAuto from './pointerEventsAuto'; import overflowXHidden from './overflowXHidden'; @@ -1488,6 +1489,7 @@ const styles = { height: CONST.EMOJI_PICKER_HEADER_HEIGHT, justifyContent: 'center', width: '100%', + ...emojiHeaderContainerPlatformStyles, }, emojiSkinToneTitle: {