From b199d5fe58c005d7bc52958d11b1a03a3c95db2d Mon Sep 17 00:00:00 2001
From: Sidney Keese <me@sidke.com>
Date: Mon, 12 Oct 2020 07:53:39 -0700
Subject: [PATCH] Stop event propagation on reaction skin tone selection

---
 ts/components/emoji/EmojiPicker.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/ts/components/emoji/EmojiPicker.tsx b/ts/components/emoji/EmojiPicker.tsx
index a28ff0b1d9..4382df9db4 100644
--- a/ts/components/emoji/EmojiPicker.tsx
+++ b/ts/components/emoji/EmojiPicker.tsx
@@ -107,6 +107,9 @@ export const EmojiPicker = React.memo(
 
       const handlePickTone = React.useCallback(
         (e: React.MouseEvent<HTMLButtonElement>) => {
+          e.preventDefault();
+          e.stopPropagation();
+
           const { tone = '0' } = e.currentTarget.dataset;
           const parsedTone = parseInt(tone, 10);
           setSelectedTone(parsedTone);