Skip to content

Implement new search UI design and add keyboard navigation #2235

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 4 commits into from
Nov 19, 2025
Merged

Implement new search UI design and add keyboard navigation #2235

merged 4 commits into from
Nov 19, 2025

Conversation

@reakaleek
Copy link
Member

@reakaleek reakaleek commented Nov 19, 2025 •
edited
Loading

Changes

  • Implement new design
  • Add keyboard navigation
  • Add tests
  • Refactor and clean up

Follow-ups

  • The width is still at ~80ch because the AskAi part is still in the popover. Otherwise, it would be too narrow.
  • The highlighting on the title doesn't work yet. This needs to be done in a follow-up. We also need to look at n-gram tokenizer to also highlight partial words.

Recording

keyboard-navigation-1763557415603.mp4

@reakaleek reakaleek requested a review from a team as a code owner November 19, 2025 13:02
@reakaleek reakaleek requested a review from cotti November 19, 2025 13:02
@reakaleek
Update src/Elastic.Documentation.Site/Assets/web-components/SearchOrA…
d98e0e5 
…skAi/Search/SearchResults/SearchResultsListItem.tsx
@reakaleek
Update src/Elastic.Documentation.Site/Assets/web-components/SearchOrA…
cfa5ed0 
…skAi/Search/SearchResults/SearchResultsListItem.tsx
@reakaleek
Update src/Elastic.Documentation.Site/Assets/web-components/SearchOrA…
49cf314 
…skAi/Search/SearchResults/SearchResultsListItem.tsx
@reakaleek reakaleek merged commit fd139be into main Nov 19, 2025
24 checks passed
@reakaleek reakaleek deleted the feature/new-search-or-ask-ai-design branch November 19, 2025 13:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@Mpdreamz Mpdreamz Mpdreamz approved these changes

@cotti cotti Awaiting requested review from cotti cotti is a code owner automatically assigned from elastic/docs-engineering

Assignees

No one assigned

Labels

enhancement

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@reakaleek @Mpdreamz