Changeset 62691

Timestamp:

07/10/2026 09:39:42 PM (5 weeks ago)

Author:

joedolson

Message:

Plugins: Fix plugin modal scrollbar visibility.

Set height of scrollable container to exclude the modal footer so that the bottom of the scrollbar remains visible and accessible. Simplify styling by eliminating small viewport height adjustment. Change modal positioning in mobile viewports to ensure entire modal is visible with a masked margin.

Developed in ​https://github.com/WordPress/wordpress-develop/pull/11957

Props projektisle, alanjacobmathew, joedolson, sabernhardt.
Fixes #65334.

Location:

trunk/src

Files:

• js/_enqueues/admin/plugin-install.js (modified) (1 diff)
• wp-admin/css/common.css (modified) (2 diffs)

trunk/src/js/_enqueues/admin/plugin-install.js

@@ -21 +21 @@
         window.tb_position = function() {
                 var width = $( window ).width(),
-                        H = $( window ).height() - ( ( 792 < width ) ? 60 : 20 ),
+                        H = $( window ).height() - ( ( 792 < width ) ? 60 : 40 ),
                         W = ( 792 < width ) ? 772 : width - 20;
 

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

@@ -2805 +2805 @@
         overflow: auto;
         -webkit-overflow-scrolling: touch;
-        height: 100%;
+        height: calc(100% - 67px);
 }
 
@@ -3205 +3205 @@
                 display: none;
         }
-
-        #plugin-information-footer {
-                padding: 12px 16px 0;
-                height: 46px;
-        }
 }