preventOverflow.boundariesElement modifier not working properly for scrollParent about react-popper HOT 4 CLOSED

Sorry for the late reply, is it possible you can provide a demo using something like codesandbox please? This sounds like it may be related to PopperJS core, but I'm not sure.

from react-popper.

So this one was interesting. I stumbled onto the reason this was occurring while attempting to create a branch to demonstrate the issue. In the end, it appears to be a bug with NPM.

In our project, we have react-popper as a dependency defined as ^0.7.4. This, in turn, has a dependency on popper.js defined as ^1.12.5. When I run npm install on our project, it ultimately ends up loading [email protected]. While attempting to create a branch on react-popper demonstrating the issue, I found that running npm install was loading [email protected]. Why the difference?

The issue with using scrollParent for preventOverflow.boundariesElement was fixed in popper.js in version 1.12.7 with this commit (floating-ui/floating-ui@904d46b).

I was able to "fix" the issue in our project by adding a top-level dependency for popper.js for ^1.12.9 even though we don't directly use popper.js in our code. When I do this, npm install ends up loading [email protected] for both the root dependency and the dependency for react-popper. The popper.js under react-popper is marked as "deduped".

I created an issue for NPM (npm/npm#19638). I will close the issue for react-popper.

from react-popper.

I have the same issue now, anyone can help me? I think something is broken after that commit

from react-popper.

Please open a new issue following the issue template, this one is 3 years old.

from react-popper.