Popover content moves on scroll under iOS Safari

[pascalmtts]

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]

Same here, so annoying.

[federicogomezlara]

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

[luismarquesfreire]

Any news regarding this?