Skip to content

Fix duplicate search bar in empty slot and back button top padding#324

Merged
alex-williams merged 2 commits into
alphafrom
fix/module_search_issues
May 10, 2026
Merged

Fix duplicate search bar in empty slot and back button top padding#324
alex-williams merged 2 commits into
alphafrom
fix/module_search_issues

Conversation

@Michael-K-Williams

Copy link
Copy Markdown

Fixes two visual bugs introduced with the recent module search auto-focus work:

  • Duplicate search bar in empty slot: When opening an empty slot, the CategoryMenu renders a search input at the top. When the user typed in it, the nested AvailableModulesMenu rendered its own second search input below, which did not sync with the outer one and visually cluttered the slot. The nested AvailableModulesMenu now supports a hideSearch prop and CategoryMenu passes it when in search mode.
  • Outer container collapsing on search: The search-results branch of CategoryMenu wrapped content in a plain <div> instead of the .select.category-menu container, so the dropdown shrank when typing. The search branch now uses the same outer container, and a new rule constrains the nested .select to static layout inside .category-menu so it does not take over the outer layout.
  • Back-to-categories button top padding: When drilling into a category, the sticky back button sat flush against the top of the dropdown. Added a .select:has(.back-button) rule so the container has top padding when the back button is present.

- Hide nested AvailableModulesMenu search input when CategoryMenu is in
  search mode (prevents duplicate search bar in empty slot).
- Wrap search results in same .select.category-menu container so layout
  does not shift when typing.
- Constrain nested .select inside .category-menu to static layout.
- Add top padding to .select when .back-button child is present.
- Track seen announcements per-id (seenAnnouncementIds JSON array in
  localStorage) instead of a single lastSeenAnnouncementId threshold.
  Infrequent visitors see unread entries individually.
- Banner only shows for the newest announcement if unseen.
- Bell pulse stops after 10s regardless of state.
- Changelog page marks all announcements as seen.
- Modal entries on changelog page force-close the modal on click.
- Seen entries render in grey, unread in orange, newest in red-orange.
@Michael-K-Williams Michael-K-Williams force-pushed the fix/module_search_issues branch from 989b01b to 4bde9e6 Compare May 10, 2026 23:40
@alex-williams alex-williams merged commit 0b698cd into alpha May 10, 2026
@alex-williams alex-williams deleted the fix/module_search_issues branch May 10, 2026 23:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants