[Bidi] Lack of scrollbar in the RTL text direction

[Irina]

To reproduce:

1. Open replacebyclass.html sample.
2. Type a long continuous line of characters to make the horizontal scrollbar appear in the editor.
3. Select the 'Text direction from right to left' toolbar icon.

Problem:

Horizontal scrollbar is missing and it is not possible to see the end of text.

[Jakub Ś]

Problem can be reproduced from CKEditor 3.4 (when BIDI buttons were introduced) in both braches 3.x and 4.x.

Problem can be reproduced in Opera, FF and IE7-10. Webkit browsers automatically wrap such long lines so you won't see problem there.

[Jakub Ś]

Actually problem can be reproduced from CKEditor 3.0. There is another TC from Oracle:

• Open a clean, maximized, full featured DEMO page and insert a large image. If the image not enough large for displaying horizontal scrollbar scale it.
• Select the image and press the right align button.

[Jakub Ś]

#10825 was marked as duplicate.

[Jakub Ś]

Similar issue: #7923.

[Frederico Caldeira Knabben]

I have the impression that this is mainly a browser bug than a CKEditor issue.

[Piotrek Koszuliński]

The solution for this issue is to add word-wrap: break-word; to the default contents.css. This rule will force breaking too long words in all supported browsers. That's the only viable solution as there's no reasonable way to allow scrolling to negative offsets.

I've been also wondering what's the difference between word-wrap and word-break. Useful resource: ​http://stackoverflow.com/questions/1795109/what-is-the-difference-between-word-break-break-all-versus-word-wrap-break

[Tade0]

Cherry-picked changes made previously by m.lewandowski and t.jakut.

Changes pushed to ​branch:t/10448.

[Marek Lewandowski]

Fixed with ​git:b6664099c0 (merged to master).