Display: flex causes overflow about mui-rte

[niuware]

I used your sample code but both the editor and the h1 tag are displayed inline as expected. Could you try installing the latest version and override the root class of the editor? Check out the theme example for more details on how to override the style. If you still have a rendering problem please feel free to reopen the issue.

[jaskerv]

Sorry, I gave a bad example.

The issue occurs when the parent div is this:
<div style={{ display: "flex", flexDirection: "row" }}>
and the text being typed has no spaces.
Example: SomeGiantText pasted 20 with no spaces.

Expected Behaviour
When typing the above text to new-line when the text reaches near the edge of the container.

Actual Behaviour

You can see it overflows with the horizontal scrollbar.

Codesandbox

[niuware]

I've just opened your CodeSandbox sample, pasted the text more than 20 times as well as input a random long string without spaces and in both cases the result behaviour is as expected. By default the width of the editor is same as its parent and the content is wrapped correctly.