From f53b83ba06ee2c1a2dd8373818dbfea72bcb8ef5 Mon Sep 17 00:00:00 2001
From: Luke Morris <lukevmorris@gmail.com>
Date: Fri, 11 Aug 2017 19:27:35 -0700
Subject: [PATCH] Target can be either grooveKnob or its container

---
 ui/src/shared/components/OptIn.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/src/shared/components/OptIn.js b/ui/src/shared/components/OptIn.js
index 88138aa3fb..db2914136d 100644
--- a/ui/src/shared/components/OptIn.js
+++ b/ui/src/shared/components/OptIn.js
@@ -89,6 +89,7 @@ class OptIn extends Component {
     return e => {
       if (
         e.target.id !== this.grooveKnob.id &&
+        e.target.id !== this.grooveKnobContainer.id &&
         this.isCustomValueInputFocused
       ) {
         this.considerResetCustomValue()
@@ -148,10 +149,14 @@ class OptIn extends Component {
         <div
           className="opt-in--groove-knob-container"
           id={this.id}
-          ref={el => (this.grooveKnob = el)}
+          ref={el => (this.grooveKnobContainer = el)}
           onClick={this.handleClickToggle()}
         >
-          <div className="opt-in--groove-knob" />
+          <div
+            className="opt-in--groove-knob"
+            id={this.id}
+            ref={el => (this.grooveKnob = el)}
+          />
         </div>
         <div
           className="opt-in--left-label"