Ticket #28844: 28844.2.diff

src/wp-includes/css/media-views.css

@@ -1 +1 @@
 /**
  * Base Styles
  */
+body.no-scroll {
+        overflow: hidden;
+}
+
 .media-modal * {
         -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;

src/wp-includes/js/media-grid.js

@@ -425 +425 @@
 
                         _.defaults( this.options, {
                                 modal: true,
-                                state: 'edit-attachment'
+                                state: 'edit-attachment',
+                                title: 'hi'
                         });
 
                         this.gridRouter = this.options.gridRouter;
@@ -569 +570 @@
                 hasPrevious: function() {
                         return ( this.getCurrentIndex() - 1 ) > -1;
                 },
+
                 /**
                  * Respond to the keyboard events: right arrow, left arrow, escape.
                  */

src/wp-includes/js/media-views.js

@@ -3206 +3206 @@
                         var $el = this.$el,
                                 options = this.options;
 
+                        // Disallow scrolling on the body while the modal is open.
+                        $('body').addClass( 'no-scroll' );
+
                         if ( $el.is(':visible') ) {
                                 return this;
                         }
@@ -3236 +3239 @@
                                 return this;
                         }
 
+                        // Disallow scrolling on the body while the modal is open.
+                        $('body').removeClass( 'no-scroll' );
+
                         // Hide modal and remove restricted media modal tab focus once it's closed
                         this.$el.hide().undelegate( 'keydown' );
 
@@ -6864 +6870 @@
                 },
 
                 back: function() {
+                        debugger;
                         var lastState = this.controller.lastState();
                         this.controller.setState( lastState );
                 },