[Bug]: Mobile Facets filter drawer bottom buttons hidden - uses 100vh instead of 100dvh - Dawn 15.0.0
Nobody has claimed this yet.
- Dominant language
- Liquid
- Stars
- 3.1k
- Forks
- 4.5k
- PR merge metrics
- No merged PRs in 30d
Description
Description
On mobile 360px, Facets Filter drawer bottom action bar is hidden.
Same root cause as cart-drawer bug - assets/component-facets.css:752 uses height: 100vh instead of 100dvh. On Android Chrome, address bar makes 100vh taller than visible viewport, pushing View Results button off-screen.
Reproduce
- Open dm-furniture-jogja-bug.myshopify.com/collections/all on 360px
- Click Filter and sort
- Drawer shows Availability, Price, Sort by
- Scroll to bottom - no View Results button, only white empty space (see SS)
Expected: Sticky bottom bar with View results (13 products) visible
Actual: Bottom bar cut off
Device: Android Chrome 126, Dawn 15.0.0
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at assets/component-facets.css:752 and reproduce the Facets filter drawer on Android Chrome at a 360px viewport using the linked collection. Inspect the drawer height and bottom action bar behavior; done means the View Results button remains visible with the address bar shown and the existing mobile drawer behavior is preserved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Activity status
- Active
- Clarity
- Clearly specified
- Newbie friendliness
- 92/100