From 7ebdaa64a7e79df056cebf5ad346aeac848ec0b4 Mon Sep 17 00:00:00 2001
From: Tegan Churchill <churchill.tegan@gmail.com>
Date: Wed, 26 Dec 2018 17:40:13 -0800
Subject: [PATCH] Make sure hidden <Appear />s ignore mouse events

---
 src/components/appear.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/appear.js b/src/components/appear.js
index 80cb5ff16..926e7e429 100644
--- a/src/components/appear.js
+++ b/src/components/appear.js
@@ -29,8 +29,8 @@ class Appear extends Component {
 
 Appear.defaultProps = {
   transitionDuration: 300,
-  startValue: { opacity: 0 },
-  endValue: { opacity: 1 },
+  startValue: { opacity: 0, pointerEvents: 'none' },
+  endValue: { opacity: 1, pointerEvents: 'auto' },
   easing: 'quadInOut'
 };