Spaces do overflow, instead of getting moved to the next line

[Pedrobusou]

Description

See how between the "f" and the "Experience a modern..." I have inserted a bunch of spaces (" ") that arent able to generate a new line. Instead, they are kept on the same line, past the editor right box limit.

Reproduction URL

https://platejs.org/

Reproduction steps

1. Write a word
2. Set the cursor in the center of it
3. Insert spaces until the half of the word at the right side of your cursor jumps to the next line
4. See that if you keep inserting spaces, they do not appear on the next line, but instead, keep being inserted on the current line past the editor's right limit

Plate version

21.3.2

Slate React version

0.95.0

Screenshots

The Plate webpage:

The Plate implementation on my page:

Browsers

Chrome

[dosubot]

Hi @Pedrobusou! I'm Dosu and I’m helping the plate team.

This happens because the editor's CSS likely isn't using white-space: pre-wrap on the content area. Without this, long runs of spaces won't wrap and will overflow past the container edge. To fix it, make sure the contentEditable area (or its wrapper) has white-space: pre-wrap set in your CSS. This should allow spaces to wrap to the next line and prevent overflow. There are no Plate plugins or settings that control this—it's determined by CSS on the editor container. See more about related overflow and wrapping challenges in this discussion.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}