Broken with latest Chrome build v76.0.3809.132

[raynigon]

Chrome Version:

Result:

Expected Result:

[cajames]

We fixed this issue by adding the style white-space: pre-wrap; to the ellipsis text class, probably worth getting this added by the library by default.

[cameronDz]

This also started happening with an application I work on that uses this package. Thanks for posting the fix!

[PiotrSiatkowski]

<LinesEllipsis style={{ whiteSpace: 'pre-wrap' }} ... solved it for me as well. Thx.

[fenix20113]

Thanks! You saved my time

[schmolie]

I'm running chrome 77.0.3865.90 and the style={{ whiteSpace: 'pre-wrap' }} solution does not work for me. Does anyone have an idea on why this is happening or an alternative solution to fix the issue?

[diogo-codengage]

Thanks, It works for me

[farizsofyan]

style={{ whiteSpace: 'pre-wrap' }} also not work all the time for me.
Try to add word-break: break-all too, works for my condition

[keithort]

As of Chrome 83, the issue still exists. Adding style={{ whiteSpace: "pre-wrap", wordBreak: "break-all" }} to the component works.

[raynigon]

Workaround exists, closing the issue