Merge pull request Expensify#32324 from s-alves10/fix/issue-31210

fix: prevent default action of Enter key when selecting an emoji
DylanDylann · Dec 6, 2023 · 2feaac8 · 2feaac8
2 parents 9b71f23 + b9ac193
commit 2feaac8
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/EmojiPicker/EmojiPickerMenu/index.js b/src/components/EmojiPicker/EmojiPickerMenu/index.js
@@ -308,6 +308,10 @@ function EmojiPickerMenu(props) {
                 }
                 const emoji = lodashGet(item, ['types', preferredSkinTone], item.code);
                 onEmojiSelected(emoji, item);
+                // On web, avoid this Enter default input action; otherwise, it will add a new line in the subsequently focused composer.
+                keyBoardEvent.preventDefault();
+                // On mWeb, avoid propagating this Enter keystroke to Pressable child component; otherwise, it will trigger the onEmojiSelected callback again.
+                keyBoardEvent.stopPropagation();
                 return;
             }