feat: prevent default event propagation

Ensures consistency for click and touch events on the same element. cc: https://joshtronic.com/2015/04/19/handling-click-and-touch-events-on-the-same-element/
francisfuzz · Oct 29, 2019 · f7f3921 · f7f3921
1 parent 334a316
commit f7f3921
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/App.js b/src/App.js
@@ -17,7 +17,10 @@ class App extends React.Component {
     this.changeColor = this.changeColor.bind(this)
   }
 
-  changeColor() {
+  changeColor(event) {
+    event.preventDefault()
+    event.stopPropagation()
+
     const newColors = this.state.colors.slice()
     const nextColor = newColors.pop()
     newColors.unshift(nextColor)
@@ -32,6 +35,7 @@ class App extends React.Component {
     return (
       <div
         onClick={this.changeColor}
+        onTouchEnd={this.changeColor}
         style={{
         'minWidth': '90vw',
         'minHeight': '90vh',