I have an "Ext.dataview.List", where each item is a HTML div filled with user provided text.

When a well-behaved user posts a "normal" text everything works just fine with the expected proportion:

But, when a user inserts a long string with no spaces, say 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa' for example, the div is growing beyond the screen's width and I am getting a horizontal scroll :

Notice that the top toolbar remains the same size. Also, notice that a few of the letters at the end of the word do get a new line.

I tried adding the CSS: word-wrap: break-word; to the wrapping div but it didn't help.
Please advice.