Positioning wrapper div gets no pointer events

timolins · Jan 26, 2021 · b441274 · b441274
1 parent 854c4e2
commit b441274
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,
           }}