Changeset 30707

Timestamp:

12/02/2014 08:08:25 AM (10 years ago)

Author:

johnbillion

Message:

Prevent scrolling beneath modals on mobile devices by removing overflow from #wpwrap when a modal is open.

Fixes #29909
Props avryl

Location:

trunk/src

Files:

• wp-admin/css/common.css (modified) (1 diff)
• wp-includes/js/wplink.js (modified) (2 diffs)

trunk/src/wp-admin/css/common.css

@@ -222 +222 @@
 body.modal-open {
     overflow: hidden;
+}
+
+body.mobile.modal-open #wpwrap {
+    overflow: hidden;
+    height: 100%;
 }
 

trunk/src/wp-includes/js/wplink.js

@@ -78 +78 @@
             var ed;
 
+            $( document.body ).addClass( 'modal-open' );
+
             wpLink.range = null;
 
@@ -167 +169 @@
 
         close: function() {
+            $( document.body ).removeClass( 'modal-open' );
+
             if ( ! wpLink.isMCE() ) {
                 wpLink.textarea.focus();