hackforla / hackforla/website

Mobile View: Page Reset and Filter Bar Closing After Search

Open
#8,466 4 comments 0 reactions 1 assignee Claimed by @ldaws003 View on GitHub
Complexity: Large Feature: Refactor CSS Feature: Refactor HTML HLC: M P-Feature: Projects page role: front end size: 2pt
Dominant language
JavaScript
Stars
363
Forks
872
Avg merge
2d 21h
Merged PRs (30d)
18

Description

### Overview
We need to fix the mobile view search behavior on the Projects page so that the page maintains its scroll position and the filter bar remains open after a user performs a search. Currently, when users search for items on the Project page in mobile view, the page jumps back to the top and the filter bar closes, forcing users to scroll back down and reopen the filter bar to see their results.

### Action Items
- [x] Investigate the mobile view search function to identify what's causing the page reset
- [x] Implement scroll position retention so the page stays in place after search is executed
- [x] Prevent the filter bar from automatically closing after search is applied in mobile view
- [x] Verify that search results display correctly without requiring additional scrolling
- [x] Ensure desktop view functionality remains unaffected

### Resources/Instructions
- ER: Search Bar Not Persisting Results and Missing Filter Bar Integration #8420
* Note: This issue only affects mobile view. Desktop view works correctly.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.