fix(ui): disable pointer events on fade

LN-Zap · Feb 22, 2019 · c89cea4 · c89cea4
1 parent 70e6a5a
commit c89cea4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/app/components/LoadingBolt/LoadingBolt.js b/app/components/LoadingBolt/LoadingBolt.js
@@ -68,9 +68,9 @@ class LoadingBolt extends React.PureComponent {
       <Transition
         native
         items={isLoading}
-        from={{ opacity: 1 }}
-        enter={{ opacity: 1 }}
-        leave={{ opacity: 0 }}
+        from={{ opacity: 1, pointerEvents: 'auto' }}
+        enter={{ opacity: 1, pointerEvents: 'auto' }}
+        leave={{ opacity: 0, pointerEvents: 'none' }}
       >
         {show =>
           show &&

diff --git a/app/containers/ModalStack.js b/app/containers/ModalStack.js
@@ -63,9 +63,9 @@ function ModalStack(props) {
     <Transition
       items={modals}
       keys={item => item.id}
-      from={{ opacity: 0 }}
-      enter={{ opacity: 1 }}
-      leave={{ opacity: 0 }}
+      from={{ opacity: 0, pointerEvents: 'auto' }}
+      enter={{ opacity: 1, pointerEvents: 'auto' }}
+      leave={{ opacity: 0, pointerEvents: 'none' }}
     >
       {modal =>
         modal &&