From 04caed132edc98436deb76ec3638b18336ad9fa9 Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Tue, 28 Mar 2023 07:09:01 -0700
Subject: [PATCH 1/2] prevent blur when click emoji reaction

---
 src/components/Reactions/AddReactionBubble.js   | 1 +
 src/components/Reactions/EmojiReactionBubble.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/Reactions/AddReactionBubble.js b/src/components/Reactions/AddReactionBubble.js
index d91af3c0ff1..6f4a5fb455a 100644
--- a/src/components/Reactions/AddReactionBubble.js
+++ b/src/components/Reactions/AddReactionBubble.js
@@ -90,6 +90,7 @@ const AddReactionBubble = (props) => {
                     StyleUtils.getEmojiReactionBubbleStyle(hovered || pressed, false, props.sizeScale),
                 ]}
                 onPress={onPress}
+                onMouseDown={e => e.preventDefault()}
             >
                 {({
                     hovered,
diff --git a/src/components/Reactions/EmojiReactionBubble.js b/src/components/Reactions/EmojiReactionBubble.js
index fe7f90ed225..c0b465888af 100644
--- a/src/components/Reactions/EmojiReactionBubble.js
+++ b/src/components/Reactions/EmojiReactionBubble.js
@@ -66,6 +66,7 @@ const EmojiReactionBubble = (props) => {
             ]}
             onPress={props.onPress}
             onLongPress={props.onReactionListOpen}
+            onMouseDown={e => e.preventDefault()}
         >
             <Text style={[
                 styles.emojiReactionText,

From 8de9ddd8adbf16bde71472a4b8f0980f83311652 Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Tue, 28 Mar 2023 20:20:10 -0700
Subject: [PATCH 2/2] add comment

---
 src/components/Reactions/AddReactionBubble.js   | 2 ++
 src/components/Reactions/EmojiReactionBubble.js | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/components/Reactions/AddReactionBubble.js b/src/components/Reactions/AddReactionBubble.js
index 6f4a5fb455a..3037a268327 100644
--- a/src/components/Reactions/AddReactionBubble.js
+++ b/src/components/Reactions/AddReactionBubble.js
@@ -90,6 +90,8 @@ 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()}
             >
                 {({
diff --git a/src/components/Reactions/EmojiReactionBubble.js b/src/components/Reactions/EmojiReactionBubble.js
index c0b465888af..e4332276081 100644
--- a/src/components/Reactions/EmojiReactionBubble.js
+++ b/src/components/Reactions/EmojiReactionBubble.js
@@ -66,6 +66,8 @@ const EmojiReactionBubble = (props) => {
             ]}
             onPress={props.onPress}
             onLongPress={props.onReactionListOpen}
+
+            // Prevent text input blur when emoji reaction is clicked
             onMouseDown={e => e.preventDefault()}
         >
             <Text style={[