Ticket #8050: 8050_12_broken_ie7.patch

_source/plugins/autogrow/plugin.js

@@ -6 +6 @@
 /**
  * @file AutoGrow plugin
  */
+
 (function(){
-        var resizeEditor = function( editor )
+        CKEDITOR.plugins.add( 'autogrow',
         {
-                if ( !editor.window )
-                        return;
-                var doc = editor.document,
-                        currentHeight = editor.window.getViewPaneSize().height,
-                        newHeight;
+                init : function( editor )
+                {
+                        function resizeEditor( editor )
+                        {
+                                if ( !editor.window )
+                                        return;
 
-                // We can not use documentElement to calculate the height for IE (#6061).
-                // It is not good for IE Quirks, yet using offsetHeight would also not work as expected (#6408).
-                // We do the same for FF because of the html height workaround (#6341).
-                if ( CKEDITOR.env.ie || CKEDITOR.env.gecko )
-                        newHeight = doc.getBody().$.scrollHeight + ( CKEDITOR.env.ie && CKEDITOR.env.quirks ? 0 : 24 );
-                else
-                        newHeight = doc.getDocumentElement().$.offsetHeight;
+                                var doc = editor.document,
+                                        iframe = new CKEDITOR.dom.element( doc.getWindow().$.frameElement ),
+                                        resizeable = editor.getResizable( 1 ),
+                                        body = doc.getBody(),
+                                        htmlElement = doc.getDocumentElement(),
+                                        currentHeight = resizeable.$.offsetHeight,
+                                        newHeight;
 
-                var min = editor.config.autoGrow_minHeight,
-                        max = editor.config.autoGrow_maxHeight;
-                ( min == undefined ) && ( editor.config.autoGrow_minHeight = min = 200 );
-                if ( min )
-                        newHeight = Math.max( newHeight, min );
-                if ( max )
-                        newHeight = Math.min( newHeight, max );
+                                // Quirks mode overflows body except for IE9, standards overflows document element.
+                                // Dinu 02.08.11: Webkit also scrolls body, overflows both
+                                var scrollable = !CKEDITOR.env.ie9Compat && doc.$.compatMode == 'BackCompat' || CKEDITOR.env.webkit ? body : htmlElement,
+                                // Dinu 02.08.11: This is broken in IE7
+                                        currentScroll = body.$.scrollTop + htmlElement.$.scrollTop;
 
-                if ( newHeight != currentHeight )
-                {
-                        newHeight = editor.fire( 'autoGrow', { currentHeight : currentHeight, newHeight : newHeight } ).newHeight;
-                        editor.resize( editor.container.getStyle( 'width' ), newHeight, true );
-                }
-        };
-        CKEDITOR.plugins.add( 'autogrow',
-        {
-                init : function( editor )
-                {
+                                iframe.setStyle('height','1px');
+
+                                // Get maximum possible height
+                                newHeight = scrollable.$.scrollHeight;
+                                // And resize to it
+                                iframe.setStyle( 'height', newHeight + 'px' );
+                                // If vertical scrollbar disappeared
+                                if ( scrollable.$.clientWidth >= scrollable.$.scrollWidth ) {
+                                        // Resize down to size gained by removal of vertical and horizontal scrollbar
+                                        newHeight = scrollable.$.scrollHeight;
+                                } else
+                                        // Otherwise add height of scrollbar
+                                        newHeight += scrollable.$.scrollHeight - scrollable.$.clientHeight;
+
+                var min = editor.config.autoGrow_minHeight || 0, 
+                                        max = editor.config.autoGrow_maxHeight || Infinity; 
+
+                                newHeight = Math.max( newHeight, min ); 
+                                newHeight = Math.min( newHeight, max ); 
+                                
+                                if ( newHeight != currentHeight ) {
+                                        newHeight = editor.fire( 'autoGrow', { currentHeight : currentHeight, newHeight : newHeight } ).newHeight;
+                                        // Dinu 02.08.11: WebKit hack: outcome is different if iframe is sized 100% before or after the container
+                                        if ( newHeight < currentHeight )
+                                                iframe.setStyle( 'height', '100%' );
+                                        // Dinu 02.08.11: Using editor.resize causes top document to scroll in Webkit; needs more investigation
+                                        resizeable.setStyle( 'height', newHeight + 'px' );
+                                        // Dinu 02.08.11: WebKit hack: outcome is different if iframe is sized 100% before or after the container
+                                        if ( newHeight >= currentHeight )
+                                                iframe.setStyle( 'height', '100%' );
+                                        editor.fire( 'resize' );
+                                        if ( newHeight < max ) 
+                                                scrollable.setStyle( 'overflow-y', 'hidden' ); 
+                                        else 
+                                                scrollable.removeStyle( 'overflow-y' );
+                                } else
+                                        iframe.setStyle( 'height', '100%' );
+                                scrollable.$.scrollTop = currentScroll;
+                        };
+                        editor.addCommand( 'autogrow', { exec : resizeEditor, modes : { wysiwyg:1 }, readOnly: 1, canUndo: false, editorFocus: false } );
                         for ( var eventName in { contentDom:1, key:1, selectionChange:1, insertElement:1 } )
                         {
                                 editor.on( eventName, function( evt )
@@ -51 +81 @@
                                                 // Disable autogrow when the editor is maximized .(#6339)
                                                 ( !maximize || maximize.state != CKEDITOR.TRISTATE_ON ) )
                                         {
-                                                setTimeout( function(){ resizeEditor( evt.editor ); }, 100 );
+                                                setTimeout( function(){ resizeEditor( evt.editor ); }, 0 );
                                         }
-                                });
-                        }
+                        });
                 }
+                }
         });
 })();
 /**