Ticket #26053: 26053.2.diff

wp-admin/js/dashboard.js

@@ -120 +120 @@
                         $('#description-wrap, p.submit').slideDown(200);
                         wpActiveEditor = 'content';
                 });
+                
+                autoResizeTextarea();
         };
         quickPressLoad();
 
@@ -131 +133 @@
                 e.preventDefault();
         });
 
+        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(),
+                        // 100px ensures that the editor isn't the exact same height as the window
+                        // It allows the save draft button to be shown at max-height
+                        editorMaxHeight = $(window).height() - 100; 
+                        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) {
+                                
+                                // 2px is for border-top & border-bottom
+                                var editorNewHeight = clone.outerHeight() + 2;
+                                
+                                // Don't allow editor to exceed height of window
+                                if ( clone.outerHeight() > editorMaxHeight ) {
+                                        editorNewHeight = editorMaxHeight;
+                                        // re-enable scrollbar
+                                        $this.css('overflow', 'auto');
+                                } else {
+                                        $this.css('overflow', 'hidden');
+                                }
+
+                                $this.css('height', editorNewHeight + 'px');
+                                editorCurrentHeight = cloneHeight;
+                        }
+                });
+        }
+
 } );

wp-admin/css/wp-admin.css

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