Media Library Search Field Obscured by Plugin Fields

[kuba799]

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

[kuba799]

screenshot of "hidden" search bar in media library popup

[joedolson]

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?

[kuba799]

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

[maulikmakwana2008]

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.

[joedolson]

This has been improved somewhat in 7.0, by allowing the filter container to be scrollable. But that's a fairly minimal improvement. I don't think the current patch is taking mobile viewports into consideration, so I think it'll need a bit more work.