Skip to content

Search form UX Improvemnts - #434

Merged
thibaudcolas merged 7 commits into
wagtail:mainfrom
Raghaddahi:search-form-ux
Jul 4, 2026
Merged

Search form UX Improvemnts #434
thibaudcolas merged 7 commits into
wagtail:mainfrom
Raghaddahi:search-form-ux

Conversation

@Raghaddahi

@Raghaddahi Raghaddahi commented May 11, 2026

Copy link
Copy Markdown
Member

Fixes #250

Description

This PR improves the search form by the following:

  • Focus the search input automatically when opening the search modal
  • Clear search input and results when the modal is closed
  • Add a search icon inside the search bar
  • Add a loading indicator during search requests
  • Add animated reveal transitions for search results
  • Move the results count to a separate line to prevent the text from getting over the number of results

Testing

Screencast.From.2026-05-11.18-07-11.mp4

AI usage

I used Opencode in helping with understanding the issues and files and in writing the code.

@Raghaddahi Raghaddahi changed the title Search form ux Search form UX Improvemnts May 11, 2026
@thibaudcolas

Copy link
Copy Markdown
Member

Very nice!

@thibaudcolas
thibaudcolas merged commit 3e400a3 into wagtail:main Jul 4, 2026
2 of 3 checks passed
@lb-

lb- commented Jul 4, 2026

Copy link
Copy Markdown
Member

Thank you @Raghaddahi

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: ✅ Done

Development

Successfully merging this pull request may close these issues.

Search form UX improvements

3 participants