The text without space overflows out of the screen

ionic-v1
1

Hi guys, I’m making a chat app,

and in the chat room, I found something wrong.

A long text with space make a new line well,

but a long text without space, it overflows out of the screen.

This is the screenshot.
image

Can anybody help me? Thanks.

2

I don’t thing this is possible only with css. You can either add Soft Hyphen or zero-width space within your text programaticaly to achieve the desired result

3

Try setting this to the container:

.msg-balloon{
  word-wrap: break-word;
}