From b441274dd0cb175ebe2e410ec95f3a487bb48848 Mon Sep 17 00:00:00 2001
From: Kilian Valkhof <kilian@kilianvalkhof.com>
Date: Tue, 26 Jan 2021 17:49:38 +0100
Subject: [PATCH] Positioning wrapper div gets no pointer events

---
 src/components/toast-bar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/toast-bar.tsx b/src/components/toast-bar.tsx
index 91bffcf..9cae15a 100644
--- a/src/components/toast-bar.tsx
+++ b/src/components/toast-bar.tsx
@@ -64,7 +64,6 @@ const getPositionStyle = (
       }
     : {
         left: 0,
-        pointerEvents: 'none',
         right: 0,
         justifyContent: 'center',
       };
@@ -131,6 +130,7 @@ export const ToastBar: React.FC<ToastBarProps> = React.memo(
         style={{
           display: 'flex',
           zIndex: toast.visible ? 9999 : undefined,
+          pointerEvents: 'none',
           ...positionStyle,
         }}
       >
@@ -138,6 +138,7 @@ export const ToastBar: React.FC<ToastBarProps> = React.memo(
           ref={ref}
           className={toast.className}
           style={{
+            pointerEvents: 'initial',
             ...animationStyle,
             ...toast.style,
           }}