Ticket #26053: 26053.4.diff

wp-admin/css/wp-admin.css

@@ -3101 +3101 @@
         padding: 6px 7px;
 }
 
+#quick-press textarea#content {
+        min-height: 90px;
+        max-height: 1300px;
+}
+
 /* Dashboard Quick Draft - Drafts list */
 
 #dashboard_quick_press .drafts {

wp-admin/js/dashboard.js

@@ -2 +2 @@
 var ajaxWidgets, ajaxPopulateWidgets, quickPressLoad;
 
 jQuery(document).ready( function($) {
-        var $window = $( window ),
-                welcomePanel = $( '#welcome-panel' ),
+        var welcomePanel = $( '#welcome-panel' ),
                 welcomePanelHide = $('#wp_welcome_panel-hide'),
-                updateWelcomePanel,
-                metaboxHolder = $( '.metabox-holder' );
+                updateWelcomePanel;
 
         updateWelcomePanel = function( visible ) {
                 $.post( ajaxurl, {
@@ -120 +118 @@
                         $('#description-wrap, p.submit').slideDown(200);
                         wpActiveEditor = 'content';
                 });
+
+                autoResizeTextarea();
         };
         quickPressLoad();
 
@@ -131 +131 @@
                 e.preventDefault();
         });
 
+        function autoResizeTextarea() {
+                // Add a hidden div. We'll copy over the text from the textarea to measure its height.
+                $('body').append( '<div class="quick-draft-textarea-clone" style="display: none;"></div>' );
+
+                var clone = $('.quick-draft-textarea-clone'),
+                        editor = $('#content'),
+                        editorHeight = editor.height(),
+                        // 100px roughly accounts for browser chrome and allows the
+                        // save draft button to show on-screen at the same time.
+                        editorMaxHeight = $(window).height() - 100;
+
+                // Match up textarea and clone div as much as possible.
+                // Padding cannot be reliably retrieved using shorthand in all browsers.
+                clone.css({ 'font-family': editor.css('font-family'),
+                                        'font-size':   editor.css('font-size'),
+                                        'line-height': editor.css('line-height'),
+                                        'padding-bottom': editor.css('paddingBottom'),
+                                        'padding-left': editor.css('paddingLeft'),
+                                        'padding-right': editor.css('paddingRight'),
+                                        'padding-top': editor.css('paddingTop') });
+
+                // propertychange is for IE < 9
+                editor.on('focus input propertychange', function() {
+                        var $this = $(this),
+                                // Add an extra new line to be ahead of the growth curve.
+                                // &nbsp; is to ensure that the height of the final newline is included.
+                                textareaContent = $this.val().replace(/\n/g, '<br>') + '<br>&nbsp;',
+                                // 2px is for border-top & border-bottom
+                                cloneHeight = clone.css('width', $this.css('width')).html(textareaContent).outerHeight() + 2;
+
+                        // Only change the height if it has indeed changed and both heights are below the max.
+                        if ( cloneHeight === editorHeight || ( cloneHeight >= editorMaxHeight && editorHeight >= editorMaxHeight ) ) {
+                                return;
+                        }
+
+                        // Don't allow editor to exceed height of window.
+                        // This is also bound in CSS to a max-height of 1300px to be extra safe.
+                        if ( cloneHeight > editorMaxHeight ) {
+                                editorHeight = editorMaxHeight;
+                        } else {
+                                editorHeight = cloneHeight;
+                        }
+
+                        $this.animate({
+                                height: editorHeight + 'px'
+                        }, 50);
+                });
+        }
+
 } );