Opened 6 years ago

Last modified 6 years ago

#10981 confirmed Bug

Autogrow plugin cause the text content to 'shake'

Reported by: Irina Owned by:
Priority: Normal Milestone:
Component: General Version: 3.6
Keywords: IBM Cc: Teresa Monahan, Satya Minnekanti

Description

To Reproduce:

  1. Open the Autogrow sample in IE10
  1. Select format (Heading 1) in the toolbar
  1. Type in some text
  1. Press enter twice
  1. Type in text and press enter until the editor starts to grow

Problem: On the line when autogrow gets triggered the text content shakes, e.g. jumps up and down.

Attachments (2)

1.swf (678.6 KB) - added by Irina 6 years ago.
The editor jumps on the line when autogrow gets triggered
2.swf (1.5 MB) - added by Irina 6 years ago.
The editor jumps on each new line after the editor has started to autogrow

Change History (6)

comment:1 Changed 6 years ago by Jakub Ś

Status: newconfirmed
Summary: IE: autogrow plugin cause the text content to 'shake'Autogrow plugin cause the text content to 'shake'
Version: 4.2.2 (GitHub - master)3.6

Problem can in fact be reproduced in all browsers from CKEditor 3.6 in both CKe 3.x and 4.x.

In editor 3.x scrollbar was showing up for a moment. This was eliminated in CKE 4.x but content still jumps up/down for a blink of a second. This is probably happening because editor calculates new content height.

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

comment:2 Changed 6 years ago by Teresa Monahan

We cannot reproduce this in any browser except IE10.

Also by default in CKEditor 4.x, contents.css adds margin: 20px to the body element of the editor. If this is removed, the issue reported in this ticket is much worse. The editor 'shakes' on each new line after the editor has started to autogrow. If you type quickly, you will see that the editor scrollbar does appear briefly and then disappears again.

This margin was not added in CKEditor 3.x, so this behavior can be clearly seen in http://rev.ckeditor.com/ckeditor/trunk/7695/_samples/autogrow.html. Just follow the steps outlined above and after the editor starts to grow, continue to press enter and type some more text on each new line. The editor jumps for all lines of text after autogrow has been triggered and if you type quickly you will see the scrollbar appearing and disappearing.

comment:3 Changed 6 years ago by Jakub Ś

Could you perhpas send me screen cast of this issue - for me bahaviour was the same in FF, Blink and IE.

Changed 6 years ago by Irina

Attachment: 1.swf added

The editor jumps on the line when autogrow gets triggered

Changed 6 years ago by Irina

Attachment: 2.swf added

The editor jumps on each new line after the editor has started to autogrow

comment:4 Changed 6 years ago by Marek Lewandowski

Here my notes when i attempted to repro this issue:

win7 + ie8: scrollbar appears for factor of a second
win8 + ie10: content jumps
win7 + ie9: scrollbar appears for factor of a second
win7 + ie11: scrollbar appears for factor of a second
win8 + firefox 25: scrollbar appears for factor of a second
chrome: not affected

Note: See TracTickets for help on using tickets.
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy