Right-Click: Display block settings menu

[swissspidy]

Following discovery #2785, let's intercept right-click attempts to display the BlockSettingsMenu. This can be done by filtering editor.BlockEdit to wrap all blocks in a new container where we can add this event listener.

Note: Considerations need to be put into accessibility, making sure that keyboard navigation and focus handling works as expected.

[miina]

Some thoughts so far after testing this out:

• Since there can be only one right-click menu open at a time then it seems to make sense to have just one general menu (as opposed to having one per block) which is updated based on the block which was clicked on.
• It would close when anywhere else is being clicked.
• Be replaced on each right-click, even if it's the same block, since the position would change depending on the click position.

I guess we would keep the default menu in the Toolbar as well, and add the more relevant buttons to the new menu? We'll probably need a custom component for that anyway since it looks like BlockSettingsMenu can't be added opened by default. Which options should we have in the menu?

• Remove block;
• Copy;
• Cut;
• Duplicate;

Thoughts?

cc @swissspidy

[swissspidy]

That sounds like a good summary and first step! 👍

[spacedmonkey]

Testing details on #2989 ticket

[csossi]

Verified in QA

[spacedmonkey]

Screencast can be found here - https://youtu.be/95GjenV63i8