Post Editor Keyboard Shortcut Audit #51356
Description
I tested all the keyboard shortcuts offered in the post editor. There's a lot here. The main things are:
- The commands mostly all work well in all browsers on a mac. 👏
- There's a lack of test coverage for the keyboard shortcuts
- There are a lot of inconsistencies in how ⌘ ↑, ⌘ →, ⌘ ←, and ⌘ ↓ behave: Discussion in Cmd [arrow] commands do not function as expected #5805
- Select All while in Select mode needs attention
- Escape to deselect text doesn't work. It switches to Select mode.
| Keyboard Shortcut | Keys Pressed | Chrome | Firefox | Safari | Tests Exist |
|---|---|---|---|---|---|
| Display these keyboard shortcuts. | ⌃⌥H | ✅ | ✅ | ✅ | |
| Open the global command menu | ⌘K | ✅, if not in a paragraph | ✅, if not in a paragraph | ✅ | |
| Switch between visual editor and code editor. | ⇧⌥⌘M | ✅, Kind of. Need to move focus into the code editor for it to switch back. Can't press it twice in a row to open code editor and then switch back to visual | ✅, Kind of. Need to move focus into the code editor for it to switch back. Can't press it twice in a row to open code editor and then switch back to visual | ✅, 🔴 Focus loss | |
| Toggle distraction free mode. | ⇧⌘\ | ✅ | ✅ | ✅, but also it's a Safari shortcut for viewing all your tabs | |
| Toggle fullscreen mode. | ⇧⌥⌘F | ✅ | ✅ | ✅ | |
| Open the block list view. | ⌃⌥O | ✅ | ✅ | ✅ | ✅ |
| Show or hide the Settings sidebar. | ⇧⌘, | ✅ | ✅ | ✅ | |
| Navigate to the next part of the editor. | ⌃` | ✅ | ✅ | ✅ | |
| ⌃⌥N | ✅ | ✅ | ✅ | ||
| Navigate to the previous part of the editor. | ⌃⇧` | ✅ | ✅ | ✅ | |
| ⌃⌥P | ✅ | ✅ | ✅ | ||
| ⌃⇧~ | ✅ | ✅ | ✅ | ||
| Navigate to the nearest toolbar. | ⌥F10 | ✅ | ✅ | ✅ | |
| Save your changes. | ⌘S | ✅ | ✅ | ✅ | |
| Undo your last changes. | ⌘Z | ✅ | ✅ | ✅ | |
| Redo your last undo. | ⇧⌘Z | ✅ | ✅ | ✅ | |
| Select all text when typing. Press again to select all blocks. | ⌘A | ✅ From Paragraph or Heading or Image | ✅ | ✅ | |
| Select all from Empty Paragraph | 🔴 | ✅ | ✅ | ||
| Select all from caption on image | 🔴 | ✅ | ✅ | ||
| Select all in Select mode | 🔴 copies all text on page outside of editor, like the options menus, etc. Definitely not what someone would want. Should select all blocks IMO. | 🔴 copies all text on page outside of editor, like the options menus, etc. Definitely not what someone would want. Should select all blocks IMO. | 🔴 copies all text on page outside of editor, like the options menus, etc. Definitely not what someone would want. Should select all blocks IMO. | ||
| Clear selection. | escape | 🔴 Switches to Select Mode | 🔴 Switches to select mode | 🔴 Switches to select mode | |
| Duplicate the selected block(s). | ⇧⌘D | ✅ | ✅ | ✅ | ✅ |
| Remove the selected block(s). | ⌃⌥Z | ✅ | ✅ | ✅ | ✅ |
| Insert a new block before the selected block(s). | ⌥⌘T | ✅ | ✅ | ✅ | 🔸 One line within another unrelated test |
| Insert a new block after the selected block(s). | ⌥⌘Y | ✅ | ✅ | ✅ | |
| Delete selection. | del | ✅ | ✅ | ✅ | |
| Move the selected block(s) up. | ⇧⌥⌘T | ✅ | ✅ | ✅ | |
| Move the selected block(s) down. | ⇧⌥⌘Y | ✅ | ✅ | ✅ | |
| Change the block type after adding a new paragraph. | / | ✅ | ✅ | ✅ | |
| Make the selected text bold. | ⌘B | ✅ | ✅ | ✅ | |
| Make the selected text italic. | ⌘I | ✅ | ✅ | ✅ | |
| Convert the selected text into a link. | ⌘K | ✅ | ✅ | ✅ | ✅ |
| Remove a link. | ⇧⌘K | ✅ | ✅ | ✅ | |
| Insert a link to a post or page. | [[ | ✅ | ✅ | ✅ | |
| Underline the selected text. | ⌘U | ✅ | ✅ | ✅ | |
| Strikethrough the selected text. | ⌃⌥D | ✅ | ✅ | ✅ | |
| Make the selected text inline code. | ⌃⌥X | ✅ | ✅ | ✅ | |
| Convert the current heading to a paragraph. | ⌃⌥0 | ✅ | ✅ | ✅ | ✅ |
| Convert the current paragraph or heading to a heading of level 1 to 6. | ⌃⌥1-6 | ✅ | ✅ | ✅ | 🔸, to Heading level 2 |
| Caret in middle of multi-line paragraph block | Keypress | Chrome | Firefox | Safari | Tests Exist |
|---|---|---|---|---|---|
| Caret to the beginning of block | ⌘ ↑ | ✅ | ✅ | ✅ | |
| Caret to the end of block | ⌘ ↓ | ✅ | ✅ | ✅ | |
| Move caret to the beginning of the current line. | ⌘ ← | ✅ | ✅ | ✅ | |
| Move caret to the end of the current line | ⌘ → | ✅ | ✅ | ✅ |
| Caret at end of multi-line paragraph block | Keypress | Chrome | Firefox | Safari | Tests Exist |
|---|---|---|---|---|---|
| Caret to the beginning of block | ⌘ ↑ | ✅ | ✅ | ✅ | |
| Caret to the end of document | ⌘ ↓ | 🔴🔴 Caret to second line of next paragraph block | 🔴 Caret to first line of next paragraph block | 🔴 Caret to first line of next paragraph block | |
| Caret to the beginning of the current line | ⌘ ← | ✅ | ✅ | ✅ | |
| No behavior | ⌘ → | 🔴 Caret to beginning of next block | 🔴 Caret to beginning of next block | 🔴 Caret to beginning of next block | |
| Caret to the same position of next line | ⌃ N | ✅ | ✅ | ✅ | |
| Caret to the same position of previous block | ⌃ P | 🔴 Moves to beginning of current block | 🔴 Moves to beginning of current block | 🔴 Moves to beginning of current block |
| Caret at beginning of multi-line paragraph block | Keypress | Chrome | Firefox | Safari | Tests Exist |
|---|---|---|---|---|---|
| Caret to the beginning of content | ⌘ ↑ | 🔴 Caret to last line of previous block. Inconsistent location, sometimes in middle of last line, sometimes at beginning depending on how you reach there. For example, if you're in the middle of the block, press ⌘ ↑, then press ⌘ ↑ again, it will put the caret at the x index when you started. | 🔴 Same as Chrome | 🔴 Caret to end of previous block | |
| Caret to the end of block | ⌘ ↓ | ✅ | ✅ | ✅ | |
| No behavior | ⌘ ← | 🔴 Caret to end of previous block | 🔴 Caret to end of previous block | 🔴 Caret to end of previous block | |
| Caret to the end of the current line | ⌘ → | ✅ | ✅ | ✅ | |
| Caret to the same position of next line | ⌃ N | ✅ | ✅ | ✅ | |
| Caret to the same position of previous line | ⌃ P | ✅ | ✅ | ✅ |
| Caret in middle of last line of multi-line paragraph block | Keypress | Chrome | Firefox | Safari | Tests Exist |
|---|---|---|---|---|---|
| Caret to the beginning of block | ⌘ ↑ | ✅ | ✅ | ✅ | |
| Caret to the end of block | ⌘ ↓ | 🔴 Caret to first line of next block | 🔴 Caret to first line of next block | 🔴 Caret to first line of next block | |
| Caret to the beginning of the current line | ⌘ ← | ✅ | ✅ | ✅ | |
| Caret to the end of the current line | ⌘ → | ✅ | ✅ | ✅ | |
| Caret to the same position of next block | ⌃ N | 🔴 Moves to end of current block | 🔴 Moves to end of current block | 🔴 Moves to end of current block | |
| Caret to the same position of previous line | ⌃ P | ✅ | ✅ | ✅ |