white-space and justify align

[j-san]

Do you want to request a feature or report a bug?

feature

What's the current behavior?

When using css text-align: justify; in the editor, text is not justified.

What's the expected behavior?

The text is justified as expected.

On the editor node there is an inline white-space: pre-wrap and this looks like prevent justify to works correctly. using white-space: pre-line looks to solve the issue.

[isubasti]

@j-san white-space style is overwritable by giving style={{whiteSpace: "pre-line"}} as the editor props. Although, if I remember correctly there are some problems with white-space: pre-line on some browsers as well, so I remove justify content option on the project that I'm working on.

[isubasti]

@j-san now I remember which browser has the problem with pre-line. It's safari, you cannot have a white space at the very end of the block. Space is actually added but the selection can go past the last white space. @ianstormtaylor, do you have any idea why?.

[j-san]

Yes, it's also what i figured out. My solution is to keep slate behaviour (with white-space: pre-wrap) and add white-space: pre-line on justified text only.

Thanks !

[darshanshah]

but you cannot add spaces to the justified white-space: pre-wrap conent.
can only add one space max in firefox