How to cancel horizontal scroll when user inserts a long word
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.