Add essential keyboard shortcuts & navigation

I’d like to add to this one based on the related github issue #361:

There, a proposed keyboard navigation workflow was something like:

  1. User defined keyboard shortcut to open the extension (this already exists).
  2. On the extension, the default focus is search (this is already done as well).
  3. Pressing UP/DOWN should navigate the items list (the first item should automatically be highlighted)
  4. Pressing ENTER on an item should visit the site (or autofill if already open)
  5. Pressing RIGHT on an item should open the details pane for that item.
  6. Pressing ESC should close the popup.

On the details page:

  1. Pressing UP/DOWN should navigate the items for that entry.
  2. Pressing ENTER on an item should copy the value to clipboard.
  3. Pressing LEFT should navigate back to the search pane.
  4. Pressing ESC should close the popup.
16 Likes