Lilly
April 18, 2026, 4:02am
1
When configuring custom sidebar sections and choosing an icon from the selector, the search field does not allow typing in the field to search for the icon by name.
Click/tap the + icon at the bottom of the sidebar to create a new custom sidebar menu section.
Click/tap to select an icon for a link
Try to type into the search field and fail
Should be able to type into the search field to quickly find an icon by the first few letters of it’s name. See the category setup page icon selector for an example of expected functionality:
Cannot type in the search field; must scroll to find and manually select icon.
Bug can be reproduced on Meta and in safe mode . All viewports, multiple browsers.
3 Likes
Nice one @Lilly
Looks like a recent-ish regression, which should be fixed by
main ← fix-icon-picker-filter-in-modal
approved 10:02AM - 20 Apr 26 UTC
`DModal` listens for `keydown` on `documentElement` in the capture phase and can… cels events whose `activeElement` is not inside the modal wrapper, to prevent keyboard shortcuts from leaking to the page behind the modal.
Since `DIconGridPicker` replaced the select-kit `IconPicker` in the custom sidebar section modal (#38943), the picker's filter input renders inside the `#d-menu-portal-outlet` portal — outside the modal DOM — so every keystroke was cancelled and typing silently failed.
Allow keydown through when `activeElement` is inside a float-kit portal (`.fk-d-menu`, `.fk-d-menu-modal`, `.fk-d-tooltip`), which covers any menu/tooltip opened from within a modal without weakening the leak guard for elements actually behind the modal.
Also adds a system spec that catches this with real keyboard typing (the existing `icon_picker.filter` helper used `fill_in` + clicked the target icon which was already visible without filtering, so the bug slipped past the suite).
https://meta.discourse.org/t/400945
(cc @saquetim )
Overview
Steps to reproduce
Expected result
Observed result
Additional information