Popover content moves on scroll under iOS Safari - Githubissues

radix-ui / primitives

Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

https://radix-ui.com/primitives

MIT License

14.87k stars 722 forks source link

Popover content moves on scroll under iOS Safari #2868

Open pascalmtts opened 2 months ago

pascalmtts commented 2 months ago

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:

https://github.com/radix-ui/primitives/assets/12157131/cf9259f0-5ebe-4edd-a187-dadf2e10d03a

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

l-you commented 1 month ago

Same here, so annoying.

federicogomezlara commented 1 month ago

Having the same issue on an iPad on both Safari and Chrome

luismarquesfreire commented 21 hours ago

Any news regarding this?