Merge pull request #3 from vzvu3k6k/ignore-selection

Don't toggle QuestionCard when you select text
r7kamura · Dec 5, 2016 · c1f4439 · c1f4439
2 parents 9f5af1e + 211d429
commit c1f4439
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/pages/index.js b/pages/index.js
@@ -6,11 +6,18 @@ class QuestionCard extends React.Component {
   constructor(...args) {
     super(...args);
     this.state = { hidden: true };
+    this.handleClick = this.handleClick.bind(this);
+  }
+
+  handleClick(event) {
+    if (!window.getSelection || window.getSelection().isCollapsed) {
+      this.setState({ hidden: !this.state.hidden });
+    }
   }
 
   render() {
     return(
-      <div className="card card-clickable" onClick={(event) => { this.setState({ hidden: !this.state.hidden }) }}>
+      <div className="card card-clickable" onClick={this.handleClick}>
         <div className="card-body">
           Q. {this.props.question}
         </div>