You are here: Foswiki>Tasks Web>Item2281 (02 Nov 2009, PaulHarvey)Edit Attach

Item2281: IE + TMCE sizing issues with NatEditPlugin

Priority: Normal
Current State: Closed
Released In:
Target Release: n/a
Applies To: Extension
Component: NatEditPlugin
Reported By: PaulHarvey
Waiting For: Main.PaulHarvey
Last Change By: PaulHarvey
IE Browsers (confirmed on IE6, IE7, IE8) fail to set up TMCE with proper width.

PatternSkin and Foswiki default skin both use style="width: 99%" as an attribute for the #topic textarea.

Somehow TinyMCE doesn't manage to get the equivalent setting from JazzyNoteTheme CSS.

It's an interaction with TABPANE, because disabling JQueryPlugin allows TMCE to inherit the proper dimensions from the #topic textarea and it works fine.

The simple fix is TINYMCEPLUGIN_INIT and add width : "99%" there, or adjust the edit.natedit.tmpl to add the style attribute to the textarea.

However this only solves width and not height problems when the browser is resized.

I want to add some JS to edit.js along the lines of what TMCE's autoresize plugin does, but just so that it will keep TMCE's editor sized to fit the browser dimensions at all times.

This is a major usability issue and I have reports from some users that sometimes TMCE's editor window manages to cover save/cancel buttons at the bottom so that they cannot save their work (although I have been unable to replicate; these users are on IE6).

-- PaulHarvey - 23 Oct 2009

Re-opened to work on transition from NatEdit back to TMCE resizing issue.

-- PaulHarvey - 01 Nov 2009

ItemTemplate edit

Summary IE + TMCE sizing issues with NatEditPlugin
ReportedBy PaulHarvey
Codebase 1.0.7, trunk
SVN Range Foswiki-1.0.7, Sun, 20 Sep 2009, build 5061
AppliesTo Extension
Component NatEditPlugin
Priority Normal
CurrentState Closed
WaitingFor PaulHarvey
Checkins distro:55fc7ebb2a39 distro:c3b70d86209f
TargetRelease n/a
Topic revision: r6 - 02 Nov 2009, PaulHarvey
The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. See Copyright Statement. Creative Commons License    Legal Imprint    Privacy Policy