Commit f7a294a
feat: improve member selection UX and fix dropdown search bugs
Major improvements to project form and member selection components:
**AddMembersModal:**
- Add smart default filters (Mentor/Graduated/Admin) - loads 29 users vs 1274 (96% reduction)
- Implement filter tabs with counts for different user types
- Add "Recently Added" section showing users from last 7 days
- Implement server-side search with 300ms debouncing
- Add search result count and loading indicators
- Improve overall performance from 3-5s to <1s load time
**CustomSelect (Team Leader/Client dropdowns):**
- Fix dropdown scrolling issues when typing
- Add sticky search bar that stays visible while scrolling
- Implement proper max-height (400px) with separate scroll container
- Auto-focus search input when dropdown opens
- Improve visual hierarchy with borders and better spacing
- Add better "no results" messaging
**MemberSelection (Team Members dropdown):**
- Increase dropdown height from 200px to 320px (60% larger)
- Fix search bar scrolling away by making it sticky
- Widen dropdown from 250px to 280px for better visibility
- Add member count display "Available Members (X)"
- Auto-focus search input when opened
- Improve event handling to prevent dropdown repositioning
- Better empty state messaging
**Fixes:**
- Resolve dropdown jumping when typing in search
- Fix scroll position issues in member selection
- Prevent search input from scrolling with results
- Stop event propagation on search input interactions
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>1 parent d6366cf commit f7a294a
3 files changed
Lines changed: 393 additions & 67 deletions
File tree
- apps/codebility
- app/home/my-team
- components/ui
0 commit comments