When a user types into a TinyMCE editing window, for each character typed, the editing field grows a line longer! This makes it really hard to use.
How do I fix this?

Comments

TwoD’s picture

Status: Active » Postponed (maintainer needs more info)

I'm unable to reproduce this behavior on my test site.

Which version of TinyMCE are you using?
Which browsers does this happen in?
Are you using a custom theme? If so, does it still happen with a standard theme?
Which plugins/buttons are enabled?
Do you use any modules which have JavaScripts or perform form modifications that could be interfering?
Are there any errors in the browser's JavaScript console/log?

tjtj’s picture

I am using tinyMCE from a few days ago, 3.4.2. And the Corolla theme with no customization.
I enabled all the black buttons, but only see 25 of them.
But I disabled the resizing button, and the problem has disappeared. I would like to know why I do not see all my buttons, and how to get them to appear.

tjtj’s picture

If resizing is turned off, there is also a problem: The windows keeps expanding, rather than turning on scroll bars.
For a long post, this means lots of scrolling to reach the buttons. And I saw the original symptom again last evening :-(

TwoD’s picture

I have not tested that theme, but it might be conflicting with the editor's styling, or the styling Wysiwyg applies to partially fix a toolbar issue. Can you try checking out Wysiwyg's sort_buttons branch from git and see if using it fixes the rendering issue? (Note: you might have to reconfigure your editor after moving to that branch, there is no upgrade path yet.) The issue where this branch is discussed and worked on is #277954: Allow to sort editor buttons. There's also a couple of patches there. This branch has mainly been developed/tested with CKEditor, but was reported to work with TinyMCE as well. I'll try to confirm that ASAP.

If resizing is turned off, the editor should have a fixed height and show scrollbars. When resizing is on, it should expand for each new line added that no longer fits in the editor. If there's a styling issue which messes up the editor's size, I can see why the resize calculations would go crazy. Hopefully, the changes introduced in #277954: Allow to sort editor buttons will make the toolbar behave better and not mess with the editor's height calculations.

tjtj’s picture

I would have thought that resizing meant that the user can adjust the size of the window. Having the window grow with each line (and even worse, each character) of text is a bad idea. It makes it impossible to edit long articles without infinite scrolling. IMHO, the resize option should allow the user to adjust the size of the input area, and it should stay at that size.

I am trying the new version. I'll yell if it is still screwing up or not.

TwoD’s picture

Yes, the resize setting toggles manual resizing by draging a corner or similar.
There is also an additional auto-resize plugin which should increase the editor's height row by row as needed to fit the entire contents.
Something seems to be interfering with the calculations of the latter option so it thinks the content grows by a row all the time.

If it's just the auto-resizing plugin getting fooled, disabling it on the buttons and plugins list should fix the problem but still allow manual resizing if that setting is left enabled.

tjtj’s picture

The new version of wysiwyg screwed things up. I got a gazillion error messages whenever I tried to edit a page. I get about 10 of these:

Notice: Undefined index: toolbar in wysiwyg_add_plugin_settings() (line 460 of /home/content/89/6787389/html/mysite/sites/all/modules/wysiwyg/wysiwyg.module).
Warning: Invalid argument supplied for foreach() in wysiwyg_add_plugin_settings() (line 460 of /home/content/89/6787389/html/mysite/sites/all/modules/wysiwyg/wysiwyg.module).

TwoD’s picture

@tjtj, sounds like you're using an early version of the sort_buttons branch from when it worked mainly with CKEditor. I recently committed changes there which fix that error for other editors like TinyMCE.

NOTE: There's no upgrade path from any official release to the code used there yet, so I wouldn't recommend using it in production yet.

sun’s picture

Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)

Sorry, without further information this issue can only be closed as not reproducible.

Feel free to re-open this issue if you want to provide further information. Thanks.

mefisto75’s picture

Have the same problem. Editing window expands with each character. No error messages though.

andileco’s picture

Hi All,

I was experiencing this in Chrome (was fine in Firefox). I was able to fix it by unchecking/disabling the "Auto resize" button in "Buttons and plugins".

@tjtj, I hope this helps!