Skip to content

Add Keyboard UI navigation #18

Open
abhisekp opened this Issue · 0 comments

1 participant

@abhisekp

Some useful keyboard navigations shortcuts

In left-menu expanded state,

  • UP/DOWN ARROW — navigate through the list.
  • LEFT/RIGHT ARROW — focus the mini-bar and left-menu respectively.

In left-menu collapsed state,

  • LEFT/RIGHT ARROW — temporarily opens the left-menu for navigation

In both the above views,

  • ENTER — selects the currently focused item.
    • If item is an icon in mini-bar, open the associated left-menu
    • If item is a channel in left-menu, load the corresponding channel

In Overall UI

  • ESC — toggle between input textarea, chat area and navigation area focus.
    • If focus is in a channel message input, then ESC should move the focus to input textarea.
  • CTRL+S — Focus the search input
  • CTRL+SHIFT+LEFT ARROW — toggle left-menu

In Chat area focus mode

  • UP/DOWN ARROW — scroll through chat messages

In Input area focus mode

Temporarily highlight/flash the focused area while using keyboard only focus navigation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.