Ticket #36482: 36482.4.patch

src/wp-admin/css/edit.css

@@ -377 +377 @@
         position: relative;
 }
 
-#content-textarea-clone {
-        z-index: -1;
-        position: absolute;
-        top: 0;
-        visibility: hidden;
-        overflow: hidden;
-        max-width: 100%;
-        border: 1px solid transparent;
-}
-
 .wp-editor-expand #wp-content-editor-tools {
         z-index: 1000;
         border-bottom: 1px solid #e5e5e5;

src/wp-admin/js/editor-expand.js

@@ -15 +15 @@
                         $visualEditor = $(),
                         $textTop = $( '#ed_toolbar' ),
                         $textEditor = $( '#content' ),
-                        $textEditorClone = $( '<div id="content-textarea-clone" class="wp-exclude-emoji"></div>' ),
+                        textEditor = $textEditor[0],
+                        textEditorLength = 0,
                         $bottom = $( '#post-status-info' ),
                         $menuBar = $(),
                         $statusBar = $(),
@@ -52 +53 @@
                                 sideSortablesHeight: 0
                         };
 
-                $textEditorClone.insertAfter( $textEditor );
-
-                $textEditorClone.css( {
-                        'font-family': $textEditor.css( 'font-family' ),
-                        'font-size': $textEditor.css( 'font-size' ),
-                        'line-height': $textEditor.css( 'line-height' ),
-                        'white-space': 'pre-wrap',
-                        'word-wrap': 'break-word'
-                } );
-
                 function getHeights() {
                         var windowWidth = $window.width();
 
@@ -84 +75 @@
                         }
                 }
 
-                function textEditorKeyup( event ) {
-                        var VK = jQuery.ui.keyCode,
-                                key = event.keyCode,
-                                range = document.createRange(),
-                                selStart = $textEditor[0].selectionStart,
-                                selEnd = $textEditor[0].selectionEnd,
-                                textNode = $textEditorClone[0].firstChild,
-                                buffer = 10,
-                                offset, cursorTop, cursorBottom, editorTop, editorBottom;
-
-                        if ( selStart && selEnd && selStart !== selEnd ) {
-                                return;
-                        }
-
-                        // These are not TinyMCE ranges.
-                        try {
-                                range.setStart( textNode, selStart );
-                                range.setEnd( textNode, selEnd + 1 );
-                        } catch ( ex ) {}
-
-                        offset = range.getBoundingClientRect();
+                function textEditorResize() {
+                        var reduce, scrollHeight;
 
-                        if ( ! offset.height ) {
+                        if ( mceEditor && ! mceEditor.isHidden() ) {
                                 return;
                         }
 
-                        cursorTop = offset.top - buffer;
-                        cursorBottom = cursorTop + offset.height + buffer;
-                        editorTop = heights.adminBarHeight + heights.toolsHeight + heights.textTopHeight;
-                        editorBottom = heights.windowHeight - heights.bottomHeight;
-
-                        if ( cursorTop < editorTop && ( key === VK.UP || key === VK.LEFT || key === VK.BACKSPACE ) ) {
-                                window.scrollTo( window.pageXOffset, cursorTop + window.pageYOffset - editorTop );
-                        } else if ( cursorBottom > editorBottom ) {
-                                window.scrollTo( window.pageXOffset, cursorBottom + window.pageYOffset - editorBottom );
-                        }
-                }
-
-                function textEditorResize() {
-                        if ( ( mceEditor && ! mceEditor.isHidden() ) || ( ! mceEditor && initialMode === 'tinymce' ) ) {
+                        if ( ! mceEditor && initialMode === 'tinymce' ) {
                                 return;
                         }
 
-                        var textEditorHeight = $textEditor.height(),
-                                hiddenHeight;
-
-                        $textEditorClone.width( $textEditor.width() - 22 );
-                        $textEditorClone.text( $textEditor.val() + '&nbsp;' );
-
-                        hiddenHeight = $textEditorClone.height();
+                        reduce = textEditorLength > ( textEditorLength = textEditor.value.length );
+                        scrollHeight = textEditor.scrollHeight;
 
-                        if ( hiddenHeight < autoresizeMinHeight ) {
-                                hiddenHeight = autoresizeMinHeight;
-                        }
-
-                        if ( hiddenHeight === textEditorHeight ) {
-                                return;
+                        if ( reduce ) {
+                                textEditor.style.height = 'auto';
+                                textEditor.style.height = scrollHeight + 'px';
+                                adjust();
+                        } else if ( parseInt( textEditor.style.height, 10 ) < scrollHeight ) {
+                                textEditor.style.height = scrollHeight + 'px';
+                                adjust();
                         }
-
-                        $textEditor.height( hiddenHeight );
-
-                        adjust();
                 }
 
                 // We need to wait for TinyMCE to initialize.
@@ -474 +425 @@
 
                                         if ( event && event.deltaHeight > 0 && event.deltaHeight < 100 ) {
                                                 window.scrollBy( 0, event.deltaHeight );
-                                        } else if ( advanced ) {
+                                        } else if ( visual && advanced ) {
                                                 fixedBottom = true;
 
                                                 $statusBar.css( {
@@ -603 +554 @@
                                         $textEditor.css( {
                                                 marginTop: heights.textTopHeight
                                         } );
-
-                                        $textEditorClone.width( contentWrapWidth - 20 - ( borderWidth * 2 ) );
                                 }
                         }
                 }
@@ -660 +609 @@
                                 });
 
                         $textEditor.on( 'focus.editor-expand input.editor-expand propertychange.editor-expand', textEditorResize );
-                        $textEditor.on( 'keyup.editor-expand', textEditorKeyup );
                         mceBind();
 
                         // Adjust when entering/exiting fullscreen mode.