Merge pull request #32 from Kilian/patch-2

Positioning wrapper div gets no pointer events
timolins · Feb 2, 2021 · 67bdc5b · 67bdc5b · vercel · Feb 2, 2021
2 parents 854c4e2 + b441274
commit 67bdc5b
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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,13 +130,15 @@ export const ToastBar: React.FC<ToastBarProps> = React.memo(
         style={{
           display: 'flex',
           zIndex: toast.visible ? 9999 : undefined,
+          pointerEvents: 'none',
           ...positionStyle,
         }}
       >
         <ToastBarBase
           ref={ref}
           className={toast.className}
           style={{
+            pointerEvents: 'initial',
             ...animationStyle,
             ...toast.style,
           }}