Fixed foucus not moving along with input chain. Addresses #163.

src/focus.js

@@ -40,26 +40,24 @@ export default {
     focusedComponent && focusedComponent !== component.parent && focusedComponent.unfocus()
     focusChain.reverse().forEach((cmp) => cmp.unfocus())
     if (component !== focusedComponent) {
-      setFocusTimeout = setTimeout(
-        () => {
-          focusedComponent = component
-          focusedComponent.lifecycle.state = 'focus'
-          if (event instanceof KeyboardEvent) {
-            document.dispatchEvent(new KeyboardEvent('keydown', event))
-          } else {
-            focusChain = []
-          }
-        },
-        this.hold ? Settings.get('holdTimeout', DEFAULT_HOLD_TIMEOUT_MS) : 0
-      )
+      if (this.hold === false) {
+        focus(component, event)
+      } else {
+        setFocusTimeout = setTimeout(() => {
+          focus(component, event)
+        }, Settings.get('holdTimeout', DEFAULT_HOLD_TIMEOUT_MS))
+      }
     }
   },
   input(key, event) {
     if (navigating === true) return
     focusChain = walkChain([focusedComponent], key)
     const componentWithInputEvent = focusChain.shift()
 
-    if (componentWithInputEvent) {
+    if (componentWithInputEvent !== undefined) {
+      if (componentWithInputEvent !== focusedComponent) {
+        this.set(componentWithInputEvent)
+      }
       if (componentWithInputEvent[symbols.inputEvents][key]) {
         componentWithInputEvent[symbols.inputEvents][key].call(componentWithInputEvent, event)
       } else if (componentWithInputEvent[symbols.inputEvents].any) {
@@ -81,3 +79,13 @@ const walkChain = (components, key) => {
     return walkChain(components, key)
   } else return []
 }
+
+const focus = (component, event) => {
+  focusedComponent = component
+  focusedComponent.lifecycle.state = 'focus'
+  if (event !== undefined && event instanceof KeyboardEvent) {
+    document.dispatchEvent(new KeyboardEvent('keydown', event))
+  } else {
+    focusChain = []
+  }
+}