More hotkeys / keyboard shortcuts

[richvdh]

We have a few requests for extra hotkeys, but I thought a single issue would be useful to help track them.

So far we have:

Working:

• ctrl-d / ctrl-e in voip calls to mute/unmute mic / camera
• ctrl-k to jump to named room
• up/down to navigate within room list
• tab/shift-tab to navigate focus as normal (other than in MessageComposer, where it tab-completes)
• page-up/page-down to navigate within the main scrollpanel
• ctrl-home/ctrl-end to jump to beginning or end of main scrollpanel

Broken:

• [x] alt-up/down to switch rooms, though it is broken (https://github.com/vector-im/riot-web/issues/49)
• [ ] ctrl-shift-number to jump between the first 9 rooms, though it is broken (as it collides with switching tabs or something on some browsers)
• [ ] page up/down in the room directory (#1803)

We should add hotkeys for

• [x] Next unread room (https://github.com/vector-im/riot-web/issues/301)
• [ ] Message search
• [ ] Send an invite

This is related to https://github.com/vector-im/riot-web/issues/302, but I think that's more about tab indexes and making it possible to "click" buttons without a mouse, while this is all about hotkeys that don't require particular elements to be focussed.

[albuic]

+1 pour le #301 (Next unread room)

[frankiebee]

Sorry to bug but:

• ctrl-k to jump to named room does not work in macOsx native app or on chrome

• up/down up/down does not seem to work

[t3chguy]

@frankiebee I believe on Mac it is Cmd+k

[frankiebee]

that does not work either

[anton-ryzhov]

What about pretty standard feature — Enter for newline, Ctrl-Enter for send?

And another hotkey-related request. I's really useful to close all chats to keep all messages unread. Currently it can be done with Home button in the bottom of left menu. Will it be nice to have hotkey for this? For example Telegram uses ESC for this — very convenient and expectable.

[t3chguy]

@anton-ryzhov more commonly its Shift-Enter for newline and Enter for send.

[anton-ryzhov]

@t3chguy Definitely it should be configurable.

[t3chguy]

@anton-ryzhov it's down to your browser how it handles input boxes

[aperezdc]

The Ctrl+K shortcut does not work for me either in WebKitGTK+ based browsers (or in Revolt, which also uses it).

[t3chguy]

Ctrl+K was removed while a PR undergoes testing, it will be added back when it is tested. https://github.com/matrix-org/matrix-react-sdk/pull/895

[anton-ryzhov]

@t3chguy

it's down to your browser how it handles input boxes

What do you mean? It is a , it doesn't send form by default in browsers. But in <code>riot</code> it does — this is <code>riot</code>s behaviour, no?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p>Depends, it can also be a contenteditable div. <code><div aria-describedby="placeholder-1soc8" class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="true" style="outline: none; white-space: pre-wrap; word-wrap: break-word;"><div data-contents="true"><div data-block="true" data-editor="1soc8" data-offset-key="2cmcm-0-0"><div data-offset-key="2cmcm-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="2cmcm-0-0"><br data-text="true"></span></div></div></div></div></code></p> <p>but yes the handling could be defined in riot, feel free to contribute a PR</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/tanius"><img src="https://avatars.githubusercontent.com/u/843907?v=4" />tanius</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p><del>Adding to the list :-)</del></p> <ul> <li><code>Ctrl+Home</code> / <code>Ctrl+End</code> to jump to beginning or end of multiline text input in the Composer. "Like in normal editors."</li> <li><code>Ctrl+PageUp</code> / <code>Ctrl+PageDown</code> to jump to beginning / end of the main scrollpanel. Currently assigned to <code>Ctrl+Home</code> / <code>Ctrl+End</code> but needs a new binding if implementing the task just above. <code>PageUp</code> / <code>PageDown</code> currently scrolls through the main scrollpanel, so the new proposal seems a good fit to me.</li> </ul> <p><strong>Edit: Forget these.</strong> I just saw in riot.im/develop/ (with the "New Composer" enabled) that the <code>Up</code> and <code>Down</code> arrow buttons will now move the caret to the very beginning / very end when in the first / last line, respectively. So one can simply keep them pressed until at the very first / last character. Since chat messages are just a few lines, that's perfectly fine.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Alpherie"><img src="https://avatars.githubusercontent.com/u/10221614?v=4" />Alpherie</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p><code>Enter</code> for newline, <code>Ctrl-Enter</code> for send would definitely be nice, I prefer this way.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/coreinsane"><img src="https://avatars.githubusercontent.com/u/19878099?v=4" />coreinsane</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p>It would be nice to Bind the shortcuts for yourself, for example on mouse buttons, and so on.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p>@coreinsane I presume you mean on electron app as mouse buttons tend to be bound at browser level </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/coreinsane"><img src="https://avatars.githubusercontent.com/u/19878099?v=4" />coreinsane</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p>Yes you got the point, im using windows desktop client.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/coreinsane"><img src="https://avatars.githubusercontent.com/u/19878099?v=4" />coreinsane</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p>Is there any improvement on windows desktop client hotkey features? Like customisable hotkeys, can be bound on mouse, etc.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/pvagner"><img src="https://avatars.githubusercontent.com/u/2298916?v=4" />pvagner</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p>It would be nice to add some more hotkeys related to the infinite scrolling functionality of the room timeline because hotkeys such as ctrl+home, ctrl+end, pageup and page down are usually clashing with standard browser keyboard commands when caret browsing is turned on (e.g. by pressing F7 in Firefox). I would like to have at least shortcuts for scrolling to the bottom and then scroll to prev / next page.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/eatonphil"><img src="https://avatars.githubusercontent.com/u/3925912?v=4" />eatonphil</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p>Are Riot hotkeys documented somewhere permanently?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/ptman"><img src="https://avatars.githubusercontent.com/u/24669?v=4" />ptman</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>@eatonphil I started documenting them here <a href="https://github.com/vector-im/riot-web/pull/7165">https://github.com/vector-im/riot-web/pull/7165</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/BurnyBoi"><img src="https://avatars.githubusercontent.com/u/41203525?v=4" />BurnyBoi</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>I would like to suggest another one that might be useful:</p> <p>ctrl + alt + (up or down) - Navigate between your community filters on the left nav. This is similar to what happens in Discord to switch between guilds. </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/madduck"><img src="https://avatars.githubusercontent.com/u/195073?v=4" />madduck</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>All of these shortcuts should be configurable. Please do not create a jumble of hardcoded key combos.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/colans"><img src="https://avatars.githubusercontent.com/u/1258265?v=4" />colans</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <blockquote> <p>tab/shift-tab to navigate focus as normal (other than in MessageComposer, where it tab-completes)</p> </blockquote> <p>How does one jump out of MessageComposer then? Once you're there, there doesn't appear to be a way out.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <blockquote> <p>How does one jump out of MessageComposer then? Once you're there, there doesn't appear to be a way out.</p> </blockquote> <p>The plan is to stop trapping tab there</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/foresto"><img src="https://avatars.githubusercontent.com/u/322134?v=4" />foresto</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>How about a shortcut for jumping to the first unread message?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/ptman"><img src="https://avatars.githubusercontent.com/u/24669?v=4" />ptman</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>@foresto #301 </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/foresto"><img src="https://avatars.githubusercontent.com/u/322134?v=4" />foresto</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <blockquote> <h1>301</h1> </blockquote> <p>That one is for jumping to another room with unread messages. I'm talking about jumping to the first unread message in the current room.</p> <p>When I change to another browser tab for a while, or walk away from my computer and then come back, there are sometimes a bunch of new messages in current room. It would be nice not to have to manually scroll back and read every message in reverse just to find the point where I left off.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/ptman"><img src="https://avatars.githubusercontent.com/u/24669?v=4" />ptman</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>@foresto sorry, I should've read more carefully</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jaywink"><img src="https://avatars.githubusercontent.com/u/1174866?v=4" />jaywink</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>I literally daily try to do <code>ctrl+tab</code> to switch between two rooms, like I can switch between two tabs in my Firefox. Of course it wouldn't really work for riot-web but would be awesome for the desktop version :thinking: </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Right now that's alt up-down, we could add that for electron. Upvote the comment if desired. </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jaywink"><img src="https://avatars.githubusercontent.com/u/1174866?v=4" />jaywink</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <blockquote> <p>Right now that's alt up-down</p> </blockquote> <p>That iterates the room list up/down though, which is useful but not entirely the same thing. Some apps like Chrome I believe also iterate tabs on ctrl-tab. But often the behaviour is to cycle between the last used ones, so that you can for example switch between two rooms back and forth, even if your room list is 100. This is common I believe in many text editors but Firefox also has it, though I believe it needs to be separately enabled AFAICR.</p> <p>Of course alt up/down works if the rooms one is cycling are relatively close to each other in the room list.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>That's #6384 then </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/foresto"><img src="https://avatars.githubusercontent.com/u/322134?v=4" />foresto</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <blockquote> <pre><code>* ctrl-k to jump to named room does not work in macOsx native app or on chrome</code></pre> </blockquote> <p>Ctrl-K does not work on Riot desktop for linux, either.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jaywink"><img src="https://avatars.githubusercontent.com/u/1174866?v=4" />jaywink</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <blockquote> <p>Ctrl-K does not work on Riot desktop for linux, either.</p> </blockquote> <p>@foresto It definitely should work, the comment you referred to is from 2017. Running Riot Desktop on Ubuntu myself.</p> <p>Possibly something is conflicting with it in your setup? I would suggest logging a new issue with more details on linux desktop flavour, window manager, and such? And obviously checking first if you have some custom shortcuts added that conflict with it.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>@foresto </p> <blockquote> <p>Ctrl-K does not work on Riot desktop for linux, either.</p> </blockquote> <p>Do you have the left panel collapsed, is the Explore button visible?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/foresto"><img src="https://avatars.githubusercontent.com/u/322134?v=4" />foresto</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>@t3chguy </p> <blockquote> <p>Do you have the left panel collapsed</p> </blockquote> <p>Yes, I have it semi-collapsed, so only the room icons are visible. I tried it just now with the left panel expanded, and Ctrl-K worked in that case. (Doesn't do me any good, though, since an expanded left panel wastes too much space.)</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Now it'll work even when collapsed</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/foresto"><img src="https://avatars.githubusercontent.com/u/322134?v=4" />foresto</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Confirmed: Ctrl-K now works when the left panel is collapsed. (Thanks, @t3chguy !) However, it also expands the panel and leaves it expanded, dominating the window and pushing the chat area into a narrow column. I end up having to pick up the mouse to fix this, so it ends up no more helpful than it was when it didn't work.</p> <p>However, alt-up/down seems to work now, which is handy. :)</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/tredondo"><img src="https://avatars.githubusercontent.com/u/10043369?v=4" />tredondo</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Ctrl+F would be great for search. Lots of muscle memory from browser etc.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>That's #2764</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Darksider3"><img src="https://avatars.githubusercontent.com/u/749172?v=4" />Darksider3</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>I'd propose remapping CTRL+K to markdown links and "current room search" as ctrl+shift+f(which would IMHO make more sense when "serach <strong>in</strong> room" is CTRL + f ). My muscle memory from other editors(github, tyora, obsidian, marktext) is pretty useless in that regard currently.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p><code>CTRL+K</code> is already jump to room in other chat apps so for consistency it makes sense to keep it as such, see Discord and Slack</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Darksider3"><img src="https://avatars.githubusercontent.com/u/749172?v=4" />Darksider3</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Since you're mentioning Slack and Discord, why not CTRL+shift+U? :stuck_out_tongue: </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Riot: <img src="https://user-images.githubusercontent.com/2403652/84019056-b4a36c00-a978-11ea-98e3-4d743c9e8520.png" alt="image" /></p> <p>Discord: <img src="https://user-images.githubusercontent.com/2403652/84019074-ba00b680-a978-11ea-82ed-433731b4e9c4.png" alt="image" /></p> <p>Slack, I don't see Ctrl Shift U in <a href="https://slack.com/intl/en-gb/help/articles/201374536-Slack-keyboard-shortcuts#windows-linux-6">https://slack.com/intl/en-gb/help/articles/201374536-Slack-keyboard-shortcuts#windows-linux-6</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Darksider3"><img src="https://avatars.githubusercontent.com/u/749172?v=4" />Darksider3</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Well seems like they've removed it in february this year, according to <a href="https://stackoverflow.com/questions/39105038/create-hyperlink-in-slack">this answer on SO</a>, and added an automated behaivour instead.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hex-m"><img src="https://avatars.githubusercontent.com/u/16013327?v=4" />hex-m</a> commented <strong> 3 years ago</strong> </div> <div class="markdown-body"> <blockquote> <p>Since you're mentioning Slack and Discord, why not CTRL+shift+U? stuck_out_tongue</p> </blockquote> <p>At least on GNOME that's already taken.</p> <blockquote> <p>To enter a character by its code point, press Ctrl+Shift+U, then type the four-character code and press Space or Enter.</p> </blockquote> <p>(<a href="https://help.gnome.org/users/gnome-help/stable/tips-specialchars.html.en#ctrlshiftu">src</a>)</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/HarHarLinks"><img src="https://avatars.githubusercontent.com/u/2803622?v=4" />HarHarLinks</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <p>Add keys to open Threads, Pins, Notifications panels.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/lech"><img src="https://avatars.githubusercontent.com/u/396861?v=4" />lech</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <blockquote> <p>All of these shortcuts should be configurable. Please do not create a jumble of hardcoded key combos.</p> </blockquote> <p>This would be seriously helpful as rather than CTRL+Y to redo CTRL+SHIFT+Z is an alternate key combination to perform the same thing in most modern applications depending on the platform.</p> <p>In addition in one of the latest updates the "Search" icon is now just displaying as "CTRL+K" when the sidebar is collapsed 😞 </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/presto8"><img src="https://avatars.githubusercontent.com/u/246631?v=4" />presto8</a> commented <strong> 1 year ago</strong> </div> <div class="markdown-body"> <p>What is the policy or thinking of multiple shortcuts for the same action? I prefer to keep my fingers on the home row which makes accessing the arrow keys non-optimal. Shortcuts like Alt+Shift+Down for next unread room are very awkward to type for people used to vim/emacs type bindings.</p> <p>Ctrl+K is wonderful for jump to room. Would it be possible to get Ctrl+J to "jump" to next unread conversation (Ctrl+Shift+J cycles back in the list.)</p> <p>Thanks!</p> </div> </div> <div class="page-bar-simple"> <a href="/element-hq/element-web/3232?page=2" class="next">Next</a> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>