Popover exceeds window boundaries when its size changes
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 1.6k
- Avg merge
- 3d 9m
- Merged PRs (30d)
- 59
Description
I have a `` with a button which toggles a form within the popover.
When the popover trigger element is located near the window bottom boundary, the popover respects this and renders so that it is visible. But when I click the button which adds content to the popover, it exceeds the window bottom boundary, and I can't reach the content at the bottom.
It would be useful if the popover position could update on its own height change.
Contributor guide
Research direction
Begin at the Popover component and reproduce the issue with a trigger near the window bottom and content that grows after a button click. Trace how its position is calculated before and after the size change; done means the expanded popover remains within the window and its bottom content is reachable.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100