Disable selection when resizing

[swissspidy]

Description

Fixes #17313.

Disables text and block selection when resizing items in the editor.

Not part of the ResizableBox component itself as it should also work in different contexts.

How has this been tested?

Tested by following the steps in #17313 and verifying that no accidental selection happens.

Screenshots

Demo Video: https://cloudup.com/cNrI6jKgDpl

Types of changes

Bug fix (non-breaking change which fixes an issue)

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.

[swissspidy]

It seems that the issue is a bit bigger because of BLOCK_SELECTION_INITIAL_STATE and how the blockSelection reducer uses it. For example, when I remove blocks via the REMOVE_BLOCKS action, state is set to BLOCK_SELECTION_INITIAL_STATE, which means selection will be enabled again - even if I didn't intend to.

[senadir]

this reintroduces bugs fixed by #17175 & #15884
can we possibly find a way to fix both of them? both here & on those PRs?

[swissspidy]

@senadir Thanks for pointing to these PRs! I think that should be doable by not using BLOCK_SELECTION_INITIAL_STATE in the way it currently is (see my previous comment). Will test it out in a bit.

[senadir]

I've tested this PR and it works great without breaking other things, I have one comment but it shouldn't block this PR, and I don't have strong opinions about it.