Make WordPress Core

Opened 8 weeks ago

Last modified 7 weeks ago

#64321 new defect (bug)

Media Library Search Field Obscured by Plugin Fields

Reported by: kuba799's profile kuba799 Owned by:
Milestone: Awaiting Review Priority: normal
Severity: blocker Version: 6.8.3
Component: Media Keywords: reporter-feedback has-patch
Focuses: ui, accessibility Cc:

Description

I'm trying to add an image to my web page, and in the library is search bar not visible. When I looked into the HTML code of the media library popup, I figured out that the plugin filter tools have higer priority than search bar. Also the <div> with the tools is set to certain height. So technically there *is* search bar, but it's not visible (and thats not good when i try to search in +6000 images).
Can you please fix this?

Thank you very much,
Jakub J. Zeleny

Attachments (2)

Screenshot 2025-11-29 at 2.41.33.png (1.2 MB) - added by kuba799 8 weeks ago.
screenshot of "hidden" search bar in media library popup
64321-media-toolbar-flex.patch (687 bytes) - added by maulikmakwana2008 7 weeks ago.

Download all attachments as: .zip

Change History (5)

@kuba799
8 weeks ago

screenshot of "hidden" search bar in media library popup

#1 @joedolson
7 weeks ago

  • Keywords reporter-feedback added; needs-patch removed

You clearly have a plugin active that's altering the media gallery; can you confirm that this is still happening when that plugin is disabled?

#2 @kuba799
7 weeks ago

  • Keywords has-patch added

Hello,
it seems fixed now, i have the plugins still on and the search bar is showing again.
Thank you, JJZ

#3 @maulikmakwana2008
7 weeks ago

This patch fixes a UI issue where the Media Library search field becomes hidden when plugins add custom filter tools to the Media Modal toolbar.

The problem occurs because .media-toolbar and .media-frame-toolbar have fixed or constrained heights, causing the search bar to overflow outside the visible area.

This patch:

  • allows the toolbar to auto-expand (height: auto)
  • enables wrapping of toolbar elements (flex-wrap: wrap)
  • ensures no clipping (overflow: visible)

The solution is fully backward-compatible and does not affect existing plugin integrations. No structural changes to the Media Modal were required.

Note: See TracTickets for help on using tickets.