Ticket #28911: 28911.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-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' );