From c89cea4c5ca033f64faf16dd1d90fbdafa5b7adc Mon Sep 17 00:00:00 2001
From: Tom Kirkpatrick <tkp@kirkdesigns.co.uk>
Date: Fri, 22 Feb 2019 16:19:29 +0100
Subject: [PATCH] fix(ui): disable pointer events on fade

---
 app/components/LoadingBolt/LoadingBolt.js | 6 +++---
 app/containers/ModalStack.js              | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/LoadingBolt/LoadingBolt.js b/app/components/LoadingBolt/LoadingBolt.js
index 9fc438e867f..b6f8eaf6dfc 100644
--- 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
index bad4118ec94..ff0fc490b6a 100644
--- 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 &&