search

floating-ui / react-popper

🍿⚛Official React library to use Popper, the positioning library
https://popper.js.org/react-popper/
MIT License
2.5k stars 226 forks source link

Custom dropdown developed using react-popper is not being sticky when dropdown is opened and being scrolled in safari ios and macos devices #462

Open priyatham1188 opened 6 months ago

priyatham1188 commented 6 months ago

Reproduction demo

Steps to reproduce the problem

  1. Open the custom dropdown with fixed startegy and start scrolling on ios/macos safari browser
  2. Instead of dropdown staying at same position , Its starts scrolling weirdly and I see there is already similar reported on browser support page of documentation

What is the expected behavior?

It should not scroll where it should be acting as position:fixed like the way it does on other OS/browsers other then safari

What went wrong?

Instead of dropdown staying at same position , Its starts scrolling weirdly and I see there is already similar reported on browser support page of documentation As u can see in the below screenshot the dropdown is scrolled on to header when I scrolled the page to the bottom

Any other comments?

Any idea on how to fix this?

Packages versions

priyatham1188 commented 6 months ago

I already tried the preventoverflow modifier suggested as per the documentation suggestions however its not working