Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Popover content moves on scroll under iOS Safari #2868

Open
pascalmtts opened this issue Apr 26, 2024 · 0 comments
Open

Popover content moves on scroll under iOS Safari #2868

pascalmtts opened this issue Apr 26, 2024 · 0 comments

Comments

@pascalmtts
Copy link

pascalmtts commented Apr 26, 2024

Bug report

Current Behavior

When a popover content is opened and you scroll the page, the content gets moved and it looks really weird and gives a bad ux.

Video:

RPReplay_Final1714120561.MP4

Expected behavior

The popover content should stay at the specified position (in this case bottom)

Reproducible example

https://codesandbox.io/p/sandbox/practical-swirles-gyw996

Suggested solution

Additional context

Your environment

Software Name(s) Version
Radix Package(s) @radix-ui/react-popover 1.0.7
React 18.2.0
Browser Safari iOS
Assistive tech None
Node 20
npm/yarn pnpm 9
Operating System iOS 17.4
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant