Ticket #26053: 26053.1.diff

wp-admin/js/dashboard.js

@@ -117 +117 @@
                         $('#description-wrap, p.submit').slideDown(200);
                         wpActiveEditor = 'content';
                 });
+                
+                autoResizeTextarea();
         };
         quickPressLoad();
 
@@ -135 +137 @@
         jQuery(window).resize( _.debounce( function(){
                 updateColumnCount();
         }, 30) );
+        
+        function autoResizeTextarea () {
+                // Add a hidden div. We'll copy over the text from the textarea to measure it's height
+                $('body').append( '<div class="quick-draft-textarea-clone" style="display: none;"></div>' );
 
+                var clone = $('.quick-draft-textarea-clone'),
+                        editor = $('#content'),
+                        editorCurrentHeight = editor.height(),
+                        editorOriginalHeight = editorCurrentHeight;
+                        
+                // Match up textarea and clone div as much as possible
+                // Firefox is necessitates declaring each padding setting individually
+                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') });
+                                        
+                // Hide overflow on textarea
+                editor.css('overflow', 'hidden');
+                
+                editor.on('keyup paste', function (e) {
+                        var $this = $(this),
+                                textareaContent = $this.val().replace(/\n/g, '<br>'),
+                                cloneHeight = clone.css('width', $this.css('width')).html(textareaContent).height();
+
+                        if (cloneHeight !== editorCurrentHeight) {
+                                $this.css('height', clone.outerHeight() + 2 + 'px');
+                $this.css('min-height', clone.outerHeight() + 59 + 'px');
+                                editorCurrentHeight = cloneHeight;
+                        }
+                });
+        }
+
         function updateColumnCount() {
                 var cols = 1,
                         windowWidth = parseInt(jQuery(window).width(), 10);