Draft-js: An error in webpage about wrap text in editor

Created on 10 Mar 2016  路  8Comments  路  Source: facebook/draft-js

have a look
drafterrorwrap

bug
Source
picture marti1125

Most helpful comment

As a note to anyone who lands here debugging this problem, make sure that your Editor component is not inside a flexbox because that can cause this issue to occur even with the fix in 7d57590

picture PendletonJones on 15 Feb 2017
👍5

All 8 comments

What browser are you using? This doesn't repro for me in Chrome 49 on Mac.

sophiebits picture sophiebits on 10 Mar 2016

Firefox 45.0

marti1125 picture marti1125 on 10 Mar 2016

Confirmed this repros on Firefox 45.0 (OSX).

tasti picture tasti on 10 Mar 2016

word-break: break-all on public-DraftEditor-content seems to fix it

zachberry picture zachberry on 10 Mar 2016

Adding word-wrap/word-break to the DraftEditor-content fixes this.

Wanna send in a PR?

(oops, @zachberry beat me to it)

tasti picture tasti on 10 Mar 2016

Fixed by https://github.com/facebook/draft-js/commit/7d575904b9a8e5cac762a17c5c6ef5689e915993. Thanks @alunyov!

hellendag picture hellendag on 11 Mar 2016
🎉1

As a note to anyone who lands here debugging this problem, make sure that your Editor component is not inside a flexbox because that can cause this issue to occur even with the fix in 7d57590

PendletonJones picture PendletonJones on 15 Feb 2017
👍5

I am experiencing this same issue but only when using codeblocks
https://codesandbox.io/s/1oqr4xyy6j

adavia picture adavia on 12 Jul 2018
Was this page helpful?
0 / 5 - 0 ratings

Related issues

darklightblue picture darklightblue  路  3Comments
jackmatrix picture jackmatrix  路  3Comments
ufo22940268 picture ufo22940268  路  3Comments
abeq picture abeq  路  3Comments
snaerth picture snaerth  路  3Comments