Enable users to click and drag anywhere within a block, if block contains text require a double click to edit text.

[MackenzieHartung]

As a user I want to be able to click anywhere on a block, and drag/place it elsewhere on a page.

AC1: Single clicking anywhere on a block, and dragging will drag a block.
AC2: Upon release block will remain in new place.
AC3: Double clicking within a text block will enable edit-mode.

[swissspidy]

For reference, here's how they implemented the clickthrough feature for inner blocks in Gutenberg: WordPress/gutenberg#15537

[swissspidy]

Do we have an item somewhere for an Instagram-like focus when editing a text block? I wonder whether that might be useful here too.

[miina]

By instragram-like focus do you mean that the rest of the screen is faded out and the text appears in the center instead of its actual position?

[swissspidy]

Yes. Perhaps just with the fading out, without the position change.

[miina]

I don't think we have an issue for that, the only related issue was displaying the selected block on top of the other blocks (couldn't find the issue right now).

We could create a consideration issue for that, it could be useful in some cases. Might also be useful when rotating elements which are close to each other.

I guess this would need testing to see if it makes sense for desktop editing.

[miina]

Instructions for testing:

• Create a Text block
• Verify that the block can be dragged from anywhere.
• Verify that clicking twice on the block will allow editing the Text and disable dragging.
• Verify that deselecting the block will disable the edit mode and allow dragging again.

[csossi]

Verified in QA

[cathibosco]

https://youtu.be/XU9UkrxTtZk