From c6458ddebc19f9d9b7b970b59f0b7405b56fc4cf Mon Sep 17 00:00:00 2001
From: DD Liu <liudi08@gmail.com>
Date: Thu, 30 Aug 2018 14:56:10 -0400
Subject: [PATCH] Fix the pointer-events error in the console (#635)

---
 .../scrollable-canvas/scrollable-canvas.jsx   | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/scrollable-canvas/scrollable-canvas.jsx b/src/components/scrollable-canvas/scrollable-canvas.jsx
index e02a6f84..2e09983f 100644
--- a/src/components/scrollable-canvas/scrollable-canvas.jsx
+++ b/src/components/scrollable-canvas/scrollable-canvas.jsx
@@ -14,15 +14,15 @@ const ScrollableCanvasComponent = props => (
         {props.children}
         <div
             className={styles.horizontalScrollbarWrapper}
-            style={{'pointer-events': 'none'}}
+            style={{pointerEvents: 'none'}}
         >
             <div
                 className={styles.horizontalScrollbar}
                 style={{
-                    'width': `${props.horizontalScrollLengthPercent}%`,
-                    'left': `${props.horizontalScrollStartPercent}%`,
-                    'pointer-events': 'all',
-                    'display': `${props.hideCursor ||
+                    width: `${props.horizontalScrollLengthPercent}%`,
+                    left: `${props.horizontalScrollStartPercent}%`,
+                    pointerEvents: 'auto',
+                    display: `${props.hideCursor ||
                         Math.abs(props.horizontalScrollLengthPercent - 100) < 1e-8 ? 'none' : 'block'}`
                 }}
                 onMouseDown={props.onHorizontalScrollbarMouseDown}
@@ -30,15 +30,15 @@ const ScrollableCanvasComponent = props => (
         </div>
         <div
             className={styles.verticalScrollbarWrapper}
-            style={{'pointer-events': 'none'}}
+            style={{pointerEvents: 'none'}}
         >
             <div
                 className={styles.verticalScrollbar}
                 style={{
-                    'height': `${props.verticalScrollLengthPercent}%`,
-                    'top': `${props.verticalScrollStartPercent}%`,
-                    'pointer-events': 'auto',
-                    'display': `${props.hideCursor ||
+                    height: `${props.verticalScrollLengthPercent}%`,
+                    top: `${props.verticalScrollStartPercent}%`,
+                    pointerEvents: 'auto',
+                    display: `${props.hideCursor ||
                         Math.abs(props.verticalScrollLengthPercent - 100) < 1e-8 ? 'none' : 'block'}`
                 }}
                 onMouseDown={props.onVerticalScrollbarMouseDown}