Created attachment 539480 [details]
Screen shoot of the symptom
Description of problem:
When encounter an unbreakable long word, usually url, near the right border of source cell, the long word does not wrap properly and shows on top of editor cell.
This does not only looks bad, but also make "copy from source" button hard to press.
Version-Release number of selected component (if applicable):
Zanata version 1.4.1 (20111006-0937)
This also appear in 1.4.3
Steps to Reproduce:
1. login in translate.jboss.org
2. Go to "JBoss EAP - Security Guide", version 5.1.0, click translate (any language will do)
3. click Document "chap-JBoss_Security_Extension_Architecture"
4. Normally the symptom can already be seen. If not, narrower the browser.
Long source word invaded the editor cell.
Long source word stays in source cell/column.
1. Use bigger screen.
2. Opera seems to handle the rendering properly.
*** Bug 760828 has been marked as a duplicate of this bug. ***
Bug fixed in 1.5. See https://github.com/zanata/zanata/commit/fbd647830843d3a18a3e548e3d55290aeb6f3212
Google Chrome - word break properly.(CSS 3)
Firefox - Scroll bar on X-axis if word break didn't act. (CSS 2)
Fix found bug in previous implementation:
Works well on Firefox 3.6, displaying the horizontal scroll bar.
On Chrome it starts out fine, but after resizing the browser window back and forth multiple times, the text overflows on top of the adjacent columns.
Fixed problem found in https://bugzilla.redhat.com/show_bug.cgi?id=759337#c4
Verified with Zanata version 1.5.0-alpha-3-SNAPSHOT (20120227-1458).