From 69b07cdbece5b096f86ed93604c4d7c371e07f19 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Fri, 31 Jul 2026 16:38:05 -0500 Subject: [PATCH 1/3] Only set absolute positioning in modal --- src/wp-includes/css/media-views.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 089baaed6c7ab..8a01d9dfb7e4c 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -365,7 +365,7 @@ select#media-attachment-filters ~ select#media-attachment-date-filters { grid-area: 2 / 2 / 3 / 3; } -.media-toolbar-secondary > .spinner { +.media-modal .media-toolbar-secondary > .spinner { position: absolute; left: calc( 100% + 2px ); top: 50%; @@ -2842,7 +2842,7 @@ select#media-attachment-filters ~ select#media-attachment-date-filters { float: right; } - .media-frame .media-toolbar-secondary .spinner { + .media-modal .media-frame .media-toolbar-secondary .spinner { top: calc( 50% - 8px ); } @@ -2877,7 +2877,7 @@ select#media-attachment-filters ~ select#media-attachment-date-filters { bottom: -60px; } - .media-frame .media-toolbar-secondary .spinner { + .media-modal .media-frame .media-toolbar-secondary .spinner { top: 0; } @@ -2900,7 +2900,7 @@ select#media-attachment-filters ~ select#media-attachment-date-filters { position: unset; } - .media-frame .media-toolbar-secondary .spinner { + .media-modal .media-frame .media-toolbar-secondary .spinner { position: absolute; top: 0; bottom: 0; From a2c53d680691d1e5c6608a5f97d46c3a1193159a Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Tue, 4 Aug 2026 20:10:46 -0500 Subject: [PATCH 2/3] Adjust position & remove some unneeded CSS duplication CSS. --- src/wp-includes/css/media-views.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 8a01d9dfb7e4c..1e8610e6650d9 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -367,7 +367,7 @@ select#media-attachment-filters ~ select#media-attachment-date-filters { .media-modal .media-toolbar-secondary > .spinner { position: absolute; - left: calc( 100% + 2px ); + right: -30px; top: 50%; margin: 0; } @@ -2901,12 +2901,8 @@ select#media-attachment-filters ~ select#media-attachment-date-filters { } .media-modal .media-frame .media-toolbar-secondary .spinner { - position: absolute; - top: 0; bottom: 0; margin: auto; - left: calc( 100% + 2px ); - right: 0; z-index: 9; } From 58385716365aede0a17fec3fd04113bac90558ce Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Tue, 4 Aug 2026 20:20:31 -0500 Subject: [PATCH 3/3] Set to display flex This appears to fix the overlap, while still retaining the fix from #27914 --- src/wp-includes/css/media-views.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 1e8610e6650d9..75a758ecf489f 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -1855,6 +1855,7 @@ select#media-attachment-filters ~ select#media-attachment-date-filters { text-align: right; text-transform: none; font-weight: 400; + display: flex; } .attachment-details .settings-save-status .spinner {