Short-circuit infinitely repeating alerts

infinitered · Oct 5, 2018 · fcdece3 · fcdece3
1 parent e2fe8d9
commit fcdece3
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/boilerplate/src/views/shared/text-field/text-field.story.tsx b/boilerplate/src/views/shared/text-field/text-field.story.tsx
@@ -22,6 +22,7 @@ const inputStyleArray: TextStyle[] = [
     borderColor: "#7fff00",
   },
 ] 
+var alertWhenFocused = true
 
 storiesOf("TextField", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
@@ -145,8 +146,14 @@ storiesOf("TextField", module)
                 borderRadius: 4,
                 borderColor: "hotpink",
               }}
-              forwardedRef={ref => ref && ref.focus && ref.focus()}
-              onFocus={() => window.alert("focus")}
+              forwardedRef={ref => ref}
+              onFocus={() => {
+                if(alertWhenFocused) {
+                  // Prevent text field focus from being repeatedly triggering alert
+                  alertWhenFocused = false
+                  window.alert("Text field focuesed with forwarded ref!")
+                }
+              }}
             />
           )}
         </State>