[Webkit] Enter key scrolls down the page when CKEditor is in absolutely-positioned div

[mike1]

Ckeditor 3.6.3 + Windows XP SP3 + latest Chrome browser. When I hit 'Enter' inside the editor, the cursor goes to the next line AND the entire page scrolls down to the end. See the attached sample. Ckeditor 3.6.2 does not have this bug.

This is happening when position: absolute is set on surrounding <div> element or when body has height:100% set or when editor is inside a float element.

[mike1]

'enter' scrolls down

[Wiktor Walc]

Broken by [7399].

Use the attached replacebyclass sample to reproduce. When position: absolute is removed from surrounding <div> element, everything works as expected.

[Jakub Ś]

#9044 was marked as duplicate

[Brad]

Please fix this soon. I am experiencing the same issue. Some more details that I've noticed are that the problem doesn't happen unless the bottom of the CKEditor text area is out of view in the browser window. Also, the cursor seems to stay in the same position on the page once the whole page starts scrolling, until the bottom of the page is hit and it can't scroll down anymore.

[David]

I've discovered this also occurs when height: 100% is set on the html and body tags of the parent HTML page, which is a fairly common occurrence.

To reproduce:

1. Visit ckeditor.com/demo
2. Shrink your browser window so a sizeable scrollbar is shown
3. Using the inspector tool, add "style='height: 100%' " to the html tag and body tag
4. Place your cursor in CK Editor and press enter

In certain cases workaround to height:100% might be usage of height:auto;.

[Jakub Ś]

height:100% example

[Jakub Ś]

#9523 was marked as duplicate.

[Thijs]

I managed to resolve this issue by adding these lines in CKEditor/trunk/_source/core/dom/element.js on line 1418

if ( parent.is( 'body' ) )
{
	overflowed = false;
}

[Sergey]

Replying to thijs:

I managed to resolve this issue by adding these lines in CKEditor/trunk/_source/core/dom/element.js on line 1418

if ( parent.is( 'body' ) )
{
	overflowed = false;
}

Could you specify please surrounding lines?

[Jakub Ś]

I have checked test case files attached to this ticket and issue seems to be working fine in latest Webkit and CKEditor 4.1.2. I'm closing this issue as fixed.