Transparent Normal Mode

CHANGELOG.md

@@ -2,6 +2,7 @@ Changelog
 -------------
 
 ### Unreleased
+* Add `transparentBindings` setting that allows the use of non-bound keys in normal mode ([#188](https://github.com/televator-apps/vimari/issues/188)).
 * Remove eager link hint triggering [#190](https://github.com/televator-apps/vimari/issues/190)
 * Use `window.open` for `openNewTab` action [#189](https://github.com/televator-apps/vimari/issues/189)
 * Add user customisation (based on the work of @nieldm [#163](https://github.com/televator-apps/vimari/pull/163)).

README.md

@@ -77,6 +77,8 @@ for HTML elements having cursor style set to "pointer".
 
 **Scroll Size** - How much each scroll will move on the page.
 
+**Transparent Bindings** - Instead of fully isolating all keybindings in normal mode, the transparent bindings setting (when enabled)  allows you to use all non-Vimari-bound keys to interact with the web page as if you were in insert mode.
+
 ### Keyboard Bindings
 
 #### In-page navigation

Vimari Extension/js/injected.js

@@ -226,12 +226,41 @@ function unbindKeyCodes() {
     document.removeEventListener("keydown", stopSitePropagation);
 }
 
-// Stops propagation of keyboard events in normal mode.  Adding this
+// Returns all keys bound in the settings.
+function boundKeys() {
+    var bindings = Object.values(settings.bindings)
+        // Split multi-key bindings.
+        .flatMap(s => s.split(/\+| /i))
+
+    // Manually add the modifier, i, esc, and ctr+[.
+    bindings.push(settings.modifier)
+    bindings.push("i")
+    bindings.push("Escape")
+    bindings.push("Control")
+    bindings.push("[")
+
+    // Use a set to remove duplicates.
+    return new Set(bindings)
+}
+
+// Stops propagation of keyboard events in normal mode. Adding this
 // callback to the document using the useCapture flag allows us to
 // prevent custom key behaviour implemented by the underlying website.
 function stopSitePropagation() {
     return function (e) {
-        if (insertMode == false && !isActiveElementEditable()) {
+        if (insertMode) {
+            // Never stop propagation in insert mode.
+            return
+        }
+
+        if (settings.transparentBindings === true) {
+            if (boundKeys().has(e.key) && !isActiveElementEditable()) {
+                // If we are in normal mode with transparentBindings enabled we
+                // should only stop propagation in an editable element or if the
+                // key is bound to a Vimari action.
+                e.stopPropagation()
+            }
+        } else if (!isActiveElementEditable()) {
             e.stopPropagation()
         }
     }

Vimari Extension/json/defaultSettings.json

@@ -7,6 +7,7 @@
   "modifier": "",
   "smoothScroll": true,
   "scrollDuration": 25,
+  "transparentBindings": true,
   "bindings": {
       "hintToggle": "f",
       "newTabHintToggle": "shift+f",