Skip to content

Refact dropdown projects list with filter feature #341

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.

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

Open
wants to merge 2 commits into
base: dev
Choose a base branch
from

Conversation

victorgois
Copy link
Collaborator

PR: Replace Project Dropdown with Searchable Autocomplete

Summary

Replaces the Wikimedia projects dropdown with a searchable autocomplete input for a faster and more user-friendly selection experience.

Main Changes

  • Replaced <select> with <input> and a filtered dropdown list.
  • Real-time, case-insensitive filtering as the user types.
  • Click outside or press ESC to close the dropdown.
  • Improved dark mode: proper text contrast on hover.
  • Responsive: optimized for both desktop and mobile.
  • Added close (X) button and "No projects found" message.

Files Updated

  • ProfileEditDesktopView.tsx
  • ProfileEditMobileView.tsx

Benefits

  • Faster project search and selection.
  • Better accessibility and keyboard navigation.
  • Consistent experience across devices and themes.

Testing

  • All existing tests pass.
  • No breaking changes.

Copy link

Quality Gate Failed Quality Gate failed

Failed conditions
84.2% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud

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.

Refact suspense list in projects, enabling "auto complete"
1 participant