Vertical scroll bar not appearing in maximized editor with autogtrow enabled

[Teresa Monahan]

To Reproduce:

• Open the Autogrow Sample in any browser.
• Maximize the editor by clicking the Maximize toolbar icon.
• Enter enough content to cause both vertical and horizontal scrollbars to appear.
• Click the Maximize toolbar icon to return to normal editing mode.
• Click the Maximize toolbar once again to maximize the editor.

Problem: The vertical scroll bar does not appear and there is no way to navigate up/down in the editor contents.

This only happens with autogrow enabled. It is caused by an overflow-y:hidden; styling set on the HTML element of the editor iframe which seems to be added in the call to resizeEditor() in autogrow/plugin.js

[Garry Yao]

WFM in IE9/Firefox, would you provide more clue?

[Teresa Monahan]

Replying to garry.yao:

WFM in IE9/Firefox, would you provide more clue?

Hi Garry, this only happens if you ensure both the horizontal and vertical scroll bars are present in the original content e.g. hit return many times so that a vertical scroll bar is displayed and insert a very wide table to introduce the horizontal scroll bar. I have added 2 screen captures to demonstrate the problem - hopefully they will help you to reproduce this.

We are seeing this as described above in FF. It does also occur in other browsers but an additional step is required. When you have created the content in maximized mode and then minimize the editor, notice how the editor does not grow to fit the contents (I logged ticket #9320 for this). Click in the editor to force autogrow, and then click Maximize. Note that the vertical scroll bar is missing. In fact in Opera, the editor does not return to Maximize mode correctly at all. The editor is mostly displayed off-screen.

[Teresa Monahan]

Original content created in Maximize mode

[Teresa Monahan]

Missing Vertical Scrollbar

[Jakub Ś]

Reproducible in all browsers from CKEditor 3.6.2 rev. [7244].

To reproduce:

1. Open autogrow sample and click maximize
2. Switch to source and paste contents of txt file (testcontents.txt) and then switch to wysiwyg (scrollbars will be visible)
3. Click maximize again.
   1. when you switch to source, paste contents, switch to wysiwyg and then press minimize only IE requires extra click to trigger autogrow (covered by #9320).
   2. If you type directly in content area, as described in #9320, Webkit, Opera and IE require extra click.
   3. First tiny problem occurs here (Please see firstProblem.png.) Test content ends with 'zzz'; This 'zzz' is a little bit hidden by horizontal scrollbar
4. Please notice that after step 3 there is no scrollbar. Now click maximize again.

Result: editor will maximize but scrollbar will not show up.

[Teresa Monahan]

Is there any update on this ticket? Will a fix for this be included in 3.6.5?

[Garry Yao]

Fixed with [7614].