[wp-trac] [WordPress Trac] #65275: Media Library CSS Bug: Loading spinner misaligned in media modal filter toolbar

[WordPress Trac]

#65275: Media Library CSS Bug: Loading spinner misaligned in media modal filter
toolbar
--------------------------+-----------------------------
 Reporter:  luismulinari  |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Media         |    Version:  trunk
 Severity:  normal        |   Keywords:
  Focuses:  ui, css       |
--------------------------+-----------------------------
 When opening the media library modal (e.g. via "Add Media" or any block
 that triggers it), the loading spinner that appears while attachments are
 being fetched is rendered below the filter dropdowns rather than inline/to
 the left of them, and is clipped by an overflow: hidden constraint.
 Steps to reproduce:

 1) Open any post/page editor and click "Add Media".
 2) Switch to the "Media Library" tab.
 3) Observe the spinner that appears while media is loading.


 * Expected behavior:
 The spinner should appear inline with or to the left of the "Filter by
 type" and "Filter by date" dropdowns in the .media-toolbar-secondary area.

 * Actual behavior:
 The spinner appears below the dropdowns and is partially or fully hidden
 due to overflow: hidden on the containing element.

 * Root cause analysis:
 This appears to be a regression introduced by the CSS layout changes in
 [62326] / [62327] (merged to 7.0 in commit d3675e3). That changeset
 switched .media-toolbar-secondary from display: flex with gap: 12px to
 display: grid with explicit grid-template-columns: repeat(2, 1fr) and
 grid-template-rows: repeat(2, 1fr). The spinner element (.media-spinner or
 equivalent) is not assigned to any named grid area, so it falls outside
 the defined grid tracks and gets pushed below — where overflow: hidden
 clips it.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/65275>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform