Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
fix(ui): ui4 paper cuts and improvements (#16749)
### Changes - **Fixed popup button active states** - Added visual feedback when popup menus are open. Document controls and array/block action buttons now show a selected state while their popup is active. - **Fixed document header tab active states** - Active tabs now properly display with correct text color, and the versions pill badge updates correctly on hover/active. - **Fixed list view tab active states** - Collection list tabs (All Documents, In Folder, etc.) now show proper active state styling with correct text color. - **Separated hierarchy search filter from input** - Filter button is now rendered as a standalone icon button outside the search input, with a badge indicator when filters are active. - **Redesigned Type filter to match Query Presets** - Type filter now uses the same visual pattern as Query Presets: FilterIcon on the left with badge cutout indicator, clearable via X button when filters are active. - **Added FilterTrigger component** - New shared component that encapsulates the filter button + clear button pattern used by both Query Presets and Type filter, ensuring visual consistency. - **Fixed nested button DOM errors** - Removed CheckboxPopup component and refactored TypeFilter to use Popup with `renderButton` pattern, eliminating invalid nested `<button>` elements.
J
Jarrod Flesch committed
e8e4b2f8a6269b1ad47ee852dc22f93ac035e820
Parent: ff9066e
Committed by GitHub <noreply@github.com>
on 5/26/2026, 9:23:31 PM