Gutenberg: Add keyboard shortcuts for moving blocks

[ZebulanStanphill]

The issue

Currently, there is no way to move a block when the side controls are not shown. Ideally, there should be keyboard shortcuts for moving blocks up and down.

Proposed solution

In #71 I noticed that the following was suggested as the macOS shortcut:

Move block up: ^Ctrl+⌥Option+↑
Move block down: ^Ctrl+⌥Option+↓

If these were used, the Windows and Linux equivalents would be:

Move block up: ⇧Shift+⎇Alt+↑
Move block down: ⇧Shift+⎇Alt+↓

[mtias]

Ulysses uses ⌃⌘↑ and ⌃⌘↓ for this functionality.

[ZebulanStanphill]

@mtias What would the Linux/Windows equivalent of those be?

[afercia]

Related #11154 and #3218.

[ervind]

Are there any moves forward with this one?

It would really mean improvements in usability. Imagine a 2000 word-long article where you have to duplicate some paragraphs and move them to the bottom.

Now I have 2 options:
1) drag&drop
2) clicking on the down arrow a million times

It would be a lot more comfortable if I could move it up/down with pressing some keys on my keyboard (e.g. simulating the clicks on the arrows).

[daveredfern]

+1 Amazed this isn’t implemented yet.

[ckaden]

I frequently stumble upon this issue as well. The main issue is when the arrow icons change their position on the display slightly, leading to a lot of missclicks.

I tested some expected shortcuts (Windows: arrow keys with either cmd, alt or shift) and was surprised it's not implemented. The following google search led me here.

[zieliz]

I would love this! I don't want to keep clicking.

[jeremyfelt]

Ulysses uses ⌃⌘↑ and ⌃⌘↓ for this functionality.

Dropbox Paper also uses ⌃⌘↑ and ⌃⌘↓.

Big 👍🏻

[ellatrix]

Now I have 2 options:

1. drag&drop
2. clicking on the down arrow a million times

There's also copy paste.

[ZebulanStanphill]

It's worth noting that, on a keyboard, after you've focused one of the movers, you can just press Space to press it. (This works for all HTML <button>s, actually.)

[mtias]

There's also copy paste.

And this one is in progress: https://github.com/WordPress/gutenberg/issues/22031