Sort/filter dropdowns open at wrong position after scrolling
Nobody has claimed this yet.
- Dominant language
- Svelte
- Stars
- 1.2k
- Forks
- 515
- Avg merge
- 23h
- Merged PRs (30d)
- 13
Description
Bug
The Sort, Per Page, and Type filter dropdowns on the /shows page open at the wrong
screen position if the user has scrolled down before clicking them.
Steps to Reproduce
- Go to /shows
- Scroll down the page
- Click any of the filter buttons (Type, Per Page, Sort)
Expected
Dropdown opens directly below the button that was clicked.
Actual
Dropdown appears offset — anchored to where the button was when the page first loaded,
not its current viewport position.
Root Cause
src/actions/anchor.ts calculates button position via getBoundingClientRect() but
only recalculates on resize and ResizeObserver — never when the popover opens.
After scrolling, the cached position is stale.
Fix
Listen for the popover toggle event and recalculate position when newState === 'open'.
Contributor guide
No contributing guide indexed for this repository
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 in src/actions/anchor.ts and inspect how the anchor position is calculated and how the popover toggle is handled. Recalculate the button position when the toggle event reports newState === 'open', then verify on /shows after scrolling that each Sort, Per Page, and Type dropdown opens directly below its button.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Clearly specified
- Newbie friendliness
- 84/100