Merge pull request #16619 from bernhardoj/fix/15818

prevent blur when click emoji reaction
Expensify · Mar 29, 2023 · d8657ba · d8657ba
2 parents 3a9ce6f + 8de9ddd
commit d8657ba
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/components/Reactions/AddReactionBubble.js b/src/components/Reactions/AddReactionBubble.js
@@ -90,6 +90,9 @@ const AddReactionBubble = (props) => {
                     StyleUtils.getEmojiReactionBubbleStyle(hovered || pressed, false, props.sizeScale),
                 ]}
                 onPress={onPress}
+
+                // Prevent text input blur when Add reaction is clicked
+                onMouseDown={e => e.preventDefault()}
             >
                 {({
                     hovered,

diff --git a/src/components/Reactions/EmojiReactionBubble.js b/src/components/Reactions/EmojiReactionBubble.js
@@ -66,6 +66,9 @@ const EmojiReactionBubble = (props) => {
             ]}
             onPress={props.onPress}
             onLongPress={props.onReactionListOpen}
+
+            // Prevent text input blur when emoji reaction is clicked
+            onMouseDown={e => e.preventDefault()}
         >
             <Text style={[
                 styles.emojiReactionText,