From f559a0f304f69b1f04613e646a4887bda170b1f9 Mon Sep 17 00:00:00 2001
From: aharwood9 <45667737+aharwood9@users.noreply.github.com>
Date: Sun, 3 Sep 2023 16:26:25 +0100
Subject: [PATCH] fix: add pointerEvents to ReactionList (#2196)

* fix: add pointerEvents to ReactionList

* Update package/src/components/Message/MessageSimple/ReactionList.tsx

Co-authored-by: Khushal Agarwal <khushal.agarwal987@gmail.com>

---------

Co-authored-by: Khushal Agarwal <khushal.agarwal987@gmail.com>
---
 .../src/components/Message/MessageSimple/ReactionList.tsx  | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/package/src/components/Message/MessageSimple/ReactionList.tsx b/package/src/components/Message/MessageSimple/ReactionList.tsx
index b160d6e4b7..272414c867 100644
--- a/package/src/components/Message/MessageSimple/ReactionList.tsx
+++ b/package/src/components/Message/MessageSimple/ReactionList.tsx
@@ -178,6 +178,7 @@ const ReactionListWithContext = <
 
   return (
     <View
+      pointerEvents='box-none'
       style={[
         styles.container,
         {
@@ -189,8 +190,8 @@ const ReactionListWithContext = <
       testID='reaction-list'
     >
       {reactions.length ? (
-        <View style={[StyleSheet.absoluteFill]}>
-          <Svg>
+        <View pointerEvents='box-none' style={[StyleSheet.absoluteFill]}>
+          <Svg pointerEvents='none'>
             <Circle cx={x1} cy={y1} fill={stroke} r={radius + strokeSize * 3} />
             <Circle cx={x2} cy={y2} fill={stroke} r={radius * 2 + strokeSize * 3} />
             <Circle cx={x1} cy={y1} fill={fill} r={radius + strokeSize} />
@@ -213,7 +214,7 @@ const ReactionListWithContext = <
               reactionBubbleBackground,
             ]}
           />
-          <View style={[StyleSheet.absoluteFill]}>
+          <View pointerEvents='none' style={[StyleSheet.absoluteFill]}>
             <Svg>
               <Circle cx={x2} cy={y2} fill={alignmentLeft ? fill : white} r={radius * 2} />
             </Svg>