Opened 9 years ago

Closed 9 years ago

Last modified 9 years ago

#12719 closed Bug (invalid)

Using multiple indentations can force text outside the editor window

Reported by: Robert Rotruck Owned by:
Priority: Normal Milestone:
Component: General Version:
Keywords: Cc:


  • 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

Change History (2)

comment:1 Changed 9 years ago by Jakub Ś

Resolution: invalid
Status: newclosed

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.)

Last edited 9 years ago by Jakub Ś (previous) (diff)

comment:2 Changed 9 years ago by 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.

Note: See TracTickets for help on using tickets.
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy