From 129d01c3966f274bdea5efd5258747feafe26c5a Mon Sep 17 00:00:00 2001
From: Josh Johnson <josh@joshuajohnson.co.uk>
Date: Tue, 29 May 2018 20:39:40 +0100
Subject: [PATCH] Amend copy

---
 public/index.html               |  2 +-
 src/scripts/components/input.js | 21 ++++++++++-----------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/public/index.html b/public/index.html
index ab8bd77..4706f59 100644
--- a/public/index.html
+++ b/public/index.html
@@ -281,7 +281,7 @@
 
       <hr>
       <h2>Form interaction</h2>
-      <p>Change the values and press reset (The select must be in a form element)</p>
+      <p>Change the values and press reset to restore to initial state.</p>
       <form>
         <label for="reset-simple">Change me!</label>
         <select class="form-control" name="reset-simple" id="reset-simple" placeholder="Choose an option">
diff --git a/src/scripts/components/input.js b/src/scripts/components/input.js
index 9e7286d..a26c0d9 100644
--- a/src/scripts/components/input.js
+++ b/src/scripts/components/input.js
@@ -95,23 +95,22 @@ export default class Input {
    * @return
    */
   setWidth(enforceWidth) {
+    const callback = width => {
+      this.element.style.width = width;
+    };
+
     if (this._placeholderValue) {
       // If there is a placeholder, we only want to set the width of the input when it is a greater
       // length than 75% of the placeholder. This stops the input jumping around.
-      if (
-        (this.element.value &&
-          this.element.value.length >= this._placeholderValue.length / 1.25) ||
-        enforceWidth
-      ) {
-        this.calcWidth(width => {
-          this.element.style.width = width;
-        });
+      const valueHasDesiredLength =
+        this.element.value.length >= this._placeholderValue.length / 1.25;
+
+      if ((this.element.value && valueHasDesiredLength) || enforceWidth) {
+        this.calcWidth(callback);
       }
     } else {
       // If there is no placeholder, resize input to contents
-      this.calcWidth(width => {
-        this.element.style.width = width;
-      });
+      this.calcWidth(callback);
     }
   }