Skip to content

Search form UX Improvemnts #434

Open
Raghaddahi wants to merge 6 commits into
wagtail:mainfrom
Raghaddahi:search-form-ux
Open

Search form UX Improvemnts #434
Raghaddahi wants to merge 6 commits into
wagtail:mainfrom
Raghaddahi:search-form-ux

Conversation

@Raghaddahi
Copy link
Copy Markdown
Collaborator

@Raghaddahi Raghaddahi commented May 11, 2026

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
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.

Search form UX improvements

1 participant