Editor: Rendering Selection Box when multi-selecting

[ItsJonQ]

I think it would be nice to show a selection box in the editor when switching to "multi-select" mode.

I tinkered with a prototype (Demo'ed in the GIF below)

I'm unsure if this UX was discussed in the past (I apologize if it was!)

I was curious if there was interest in pursuing this interaction.

Thank you! 🙏

The branch is try/selection-box is you'd like to give it a shot!
https://github.com/WordPress/gutenberg/tree/try/selection-box

• Run npm run dev
• That should be it!

[MichaelArestad]

Trying that branch was great. It always felt a little broken trying to select multiple boxes. This feels more responsive and predictable. I almost wonder if the text highlight should go away once the user starts selecting more than one block.

[ItsJonQ]

I almost wonder if the text highlight should go away once the user starts selecting more than one block.

That was my thought as well!! I gave it a shot...

It looks like text selection is a key mechanic that allows for multi-block selection to work. Disabling text selection seems to break it 😅

[MichaelArestad]

It looks like text selection is a key mechanic that allows for multi-block selection to work. Disabling text selection seems to break it

Womp womp. I suppose we can live with it. ;)

[ItsJonQ]

Womp womp. I suppose we can live with it. ;)

For now :P. I would like to improve the text selection part during multi-select drag though. For example, we shouldn't be able to select text from the top toolbar or sidebar either (in multi-select mode)

[MichaelArestad]

For now :P. I would like to improve the text selection part during multi-select drag though. For example, we shouldn't be able to select text from the top toolbar or sidebar either (in multi-select mode)

Right! At least not unintentionally.

[ellatrix]

Related: #41684