Skip to content

Add inline search to site navigation#127

Merged
nyechiel merged 1 commit into
masterfrom
feature/inline-search
Jun 19, 2026
Merged

Add inline search to site navigation#127
nyechiel merged 1 commit into
masterfrom
feature/inline-search

Conversation

@nyechiel

@nyechiel nyechiel commented Jun 19, 2026

Copy link
Copy Markdown
Owner

Summary

  • Adds a search icon to the nav bar that expands an input field to the right on click
  • Results appear in a dropdown with title + date, scored by keyword matches across title (10pts), tags (5pts), and content (1pt)
  • Full-page search fallback at /search/ accessible via "view all" link
  • Mobile-responsive: input and results flow inside the hamburger menu on small screens
  • XSS-safe rendering via DOM text node creation

Test plan

  • Click search icon - input expands to the right
  • Type a query - results appear in dropdown with post title and date
  • Click a result - navigates to the post
  • Click outside or press Escape - search closes
  • Test on mobile viewport - search input appears inside hamburger menu
  • "View all" link works when more than 6 results

Search icon in the nav bar expands an input field to the right on
click, with a dropdown showing up to 6 scored results (title,
tags, content). Includes a full-page fallback at /search/ for
viewing all results. Mobile-responsive with static positioning
inside the hamburger menu.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@nyechiel nyechiel merged commit 4939831 into master Jun 19, 2026
7 checks passed
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.

1 participant