Selecting item from autosuggest now moves focus to quantity (#269)

client/modules/food/components/inventory/FoodItems.js

@@ -146,6 +146,19 @@ class FoodItems extends React.Component {
     this.setState({ validInput: this.getValidationState.all() && this.checkChanged() })
   }
 
+  /**
+   *  callback for setState when user selects an existing food name from Autosuggest
+   */
+  validateFocus = () => {
+    this.validate
+    this.quantity.focus()
+
+    //moves cursor to end of field on edit
+    let storedValue = this.quantity.value
+    this.quantity.value = ''
+    this.quantity.value = storedValue
+  }
+
   /**
    *  check whether newly edited values are different from the inital values
    */
@@ -178,7 +191,7 @@ class FoodItems extends React.Component {
             name: value ? value.name : "",
             categoryId: value ? value.categoryId : ""
           },
-        }, this.validate)
+        }, this.validateFocus)
       } else {
         this.setState({
           modalInputFields: {
@@ -314,6 +327,7 @@ class FoodItems extends React.Component {
                       value={this.state.modalInputFields.quantity}
                       placeholder="Quantity"
                       onChange={this.handleChange.foodQuantity}
+                      inputRef={ref => {this.quantity = ref}}
                     />
                   </FormGroup>
                   <input type="submit" style={{ position: "absolute", left: "-9999px", width: "1px", height: "1px" }} />