Skip to content

fix(#92): search results appear in viewport without scrolling#144

Merged
DevanshuNEU merged 1 commit into
OpenCodeIntel:mainfrom
DevanshuNEU:feature/92-search-results-ux
Jan 5, 2026
Merged

fix(#92): search results appear in viewport without scrolling#144
DevanshuNEU merged 1 commit into
OpenCodeIntel:mainfrom
DevanshuNEU:feature/92-search-results-ux

Conversation

@DevanshuNEU

Copy link
Copy Markdown
Collaborator

Problem: After searching, results appeared below the fold requiring users to scroll. This created confusion and potential drop-off.

Solution: Implemented two-state layout

  • Hero mode: Full landing page with marketing sections
  • Results mode: Compact search bar + results immediately visible

UX Improvements:

  • Results now appear IN viewport (no scrolling needed)
  • Sticky compact search bar for easy re-searching
  • 'New Search' button to return to hero
  • Staggered result card animations (75ms delay) for premium feel
  • Results header shows 'Searching...' during loading (not stale data)

Technical Changes:

  • Extracted CompactSearchBar component
  • Extracted ResultCard component with animation
  • Added currentRepoId/isCustomRepo state for search context
  • Removed scrollToResults() hack
  • Fixed loading state showing old results count

Description

Motivation

Type of Change

  • Bug fix (non-breaking change that fixes an issue)
  • New feature (non-breaking change that adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation update
  • Performance improvement
  • Code refactoring

Testing

  • Added new tests
  • All existing tests pass
  • Tested manually with the following scenarios:

Checklist

  • My code follows the project's code style
  • I have commented my code where necessary
  • I have updated the documentation accordingly
  • My changes generate no new warnings
  • I have added tests that prove my fix/feature works
  • New and existing tests pass locally
  • I have checked my code for security issues

Screenshots (if applicable)

Additional Context

…lling

Problem: After searching, results appeared below the fold requiring users to scroll.
This created confusion and potential drop-off.

Solution: Implemented two-state layout
- Hero mode: Full landing page with marketing sections
- Results mode: Compact search bar + results immediately visible

UX Improvements:
- Results now appear IN viewport (no scrolling needed)
- Sticky compact search bar for easy re-searching
- 'New Search' button to return to hero
- Staggered result card animations (75ms delay) for premium feel
- Results header shows 'Searching...' during loading (not stale data)

Technical Changes:
- Extracted CompactSearchBar component
- Extracted ResultCard component with animation
- Added currentRepoId/isCustomRepo state for search context
- Removed scrollToResults() hack
- Fixed loading state showing old results count
@vercel

vercel Bot commented Jan 5, 2026

Copy link
Copy Markdown

@DevanshuNEU is attempting to deploy a commit to the Dev's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel

vercel Bot commented Jan 5, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
opencodeintel Ready Ready Preview, Comment Jan 5, 2026 6:37am

@DevanshuNEU DevanshuNEU merged commit 5824433 into OpenCodeIntel:main Jan 5, 2026
6 checks passed
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.

1 participant