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

[priyatham1188]

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

• Popper.js: ^2.11.6

• react-popper:"^2.3.0"

• 

[priyatham1188]

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