react-web-gifted-chat icon indicating copy to clipboard operation
react-web-gifted-chat copied to clipboard

Long Messages don't wrap with fixed width chat window

Open iocuydi opened this issue 4 years ago • 1 comments

Issue Description

Long messages don't wrap with a fixed width chat window. For example "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" will not wrap, instead it goes off the screen.

Steps to Reproduce / Code Snippets

Type a really long message in chat, without any spaces

Expected Results

Chat will wrap onto many lines, but it does not. This is particularly troublesome with long links that need to be shared in chat.

Additional Information

  • Nodejs version: N/A
  • React version: Latest
  • react-web-gifted-chat version: Latest
  • Browser(s) (Chrome, etc.): All

iocuydi avatar Apr 25 '20 03:04 iocuydi

Facing the same issue using this library for my current project. Some changes to the CSS will need to be made for the message box. If @johniak is okay with that, I can create a PR to make that change!

tehtea avatar May 20 '20 05:05 tehtea