adobe / adobe/react-spectrum

Popover exceeds window boundaries when its size changes

Open
#7,732 0 comments 0 reactions 0 assignees View on GitHub
Overlay Positioning
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.

Image

Image

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.