Media+Text block: Remove break-all styling

[mapk]

Fixes #15870. Removes the from the editor.scss file allowing it to break at the word.

Description

In Firefox, the content of this block would break in the middle of a word. It shouldn't.

How has this been tested?

Tested locally.

Screenshots

Types of changes

Minor CSS change.

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.

[mapk]

To test this:

1. Text this in the Firefox browser.
2. Add a Media+Text block to your document.
3. Begin typing in the content area of this block until the text drops to a second line.
4. Observe whether or not the text broke in the middle of a word, or dropped the word down to the next line entirely.

The latter is the correct solution. It should drop the entire word to the second line and not break word in the middle.

[gziolo]

Noting that it was added in #14951 by @marekhrabe to fix some other issues. So it should be retested in that context as well.

[mapk]

Thanks @gziolo! I knew it was there for a reason but forgot.

@marekhrabe any thoughts on this? After reviewing it from a design perspective, I'd like to just break at whole words. It feels better and visually makes more sense. When breaking at letters, the breaks look very odd, especially when there's plenty of space in the content area of the block.

I'm willing to take the tradeoff of words expanding outside the block border in edge cases (really narrow text areas) over words breaking in the middle in more common width scenarios.

[marekhrabe]

The problem was with the drag & drop resizing action: In some cases, words could overflow outside of the box and thus changing the width of the element. That caused a janking effect as the media width is defined as a percentage but the base size was also changing constantly. It was definitely an edge case and seemed to be browser specific so for greater good, I think we should probably give this issue a priority as it applies everywhere.

[jorgefilipecosta]

This works as expected and in accordance with @marekhrabe comment:

That caused a janking effect as the media width is defined as a percentage but the base size was also changing constantly. It was definitely an edge case and seemed to be browser specific so for greater good, I think we should probably give this issue a priority as it applies everywhere.

I think we should merge this change 👍

[mapk]

Thanks @jorgefilipecosta!