follow from content-input

src/components/content-input.js

@@ -49,6 +49,9 @@ export default class ContentInputComponent {
     let stop = false;
     for (let listener of this.onKeyListeners) {
       stop = stop || listener(e.key, e.ctrlKey);
+      if (stop) {
+        break;
+      }
     }
     if (stop) {
       e.preventDefault();

src/components/follow.js

@@ -22,9 +22,6 @@ export default class FollowComponent {
     this.store = store;
     this.hintElements = {};
     this.state = {};
-
-    let doc = wrapper.ownerDocument;
-    doc.addEventListener('keydown', this.onKeyDown.bind(this));
   }
 
   update() {
@@ -39,12 +36,11 @@ export default class FollowComponent {
     }
   }
 
-  onKeyDown(e) {
+  key(key) {
     if (!this.state.enabled) {
-      return;
+      return false;
     }
 
-    let { key } = e;
     switch (key) {
     case 'Enter':
       this.activate(this.hintElements[this.state.keys].target);
@@ -62,9 +58,7 @@ export default class FollowComponent {
       }
       break;
     }
-
-    e.stopPropagation();
-    e.preventDefault();
+    return true;
   }
 
   updateHints() {

src/content/index.js

@@ -13,6 +13,9 @@ const followComponent = new FollowComponent(window.document.body, store);
 const contentInputComponent =
   new ContentInputComponent(window.document.body, store);
 const keymapperComponent = new KeymapperComponent(store);
+contentInputComponent.onKey((key, ctrl) => {
+  return followComponent.key(key, ctrl);
+});
 contentInputComponent.onKey((key, ctrl) => {
   return keymapperComponent.key(key, ctrl);
 });