Using multiple indentations can force text outside the editor window

[Robert Rotruck]

• Descriptive summary - If you create an inline editor and click the indent button multiple times, eventually the text being indented will be pushed outside the editor frame. This does not happen when using the standard editor functionality
• Steps to reproduce -
  1. Create an inline editor
  2. Enter some sample text
  3. Repeatedly click the indentation button
• Browser and OS - Windows 7 Chrome Version 39.0.2171.71 m
• Test case file - I created a basic ​JSFiddle

[Jakub Ś]

This "issue" can be best observed when container has fixed width set. This however is not really an issue but how CSS and HTML work.

If you use below code in HTML5 page, you will get same result:

<div id="editable" contenteditable="true" style="position: relative;width: 300px;/* overflow: scroll; */"><p style="margin-left: 840px;">test</p></div>

To get rid of it, add overflow property to container. You can set it to scroll, overlay or auto (whatever works best for you.)

[Piotrek Koszuliński]

I think that the most important fact here is that what you see in CKEditor is what would happen on real web page if user indented text so much (that's WYSIWYG). So it's good that user sees that something is wrong.