New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
<Popper> that references a target inside an overflow:hidden container? #57
Comments
<Popper>
that references a target inside an overflow:hidden
container?
You have two possibilities:
|
Thanks for the suggestion with react-portal. I started using it with a custom component like this:
I keep on getting the following error, however:
If I hard-code Any ideas? I've tried passing refs to the target and the popper, but that didn't seem to have any effect. |
May you provide a CodePen or CodeSandbox or similar to let me play with it? |
Hmm... Can't seem to find a hosted, Codepen-compatible version of react-popper. This seems to depend on webpack:
@souporserious Do you know if there's a production bundle hosted somewhere that would work with Codepen? |
I've started a CodePen where you can see the issue with getting |
I found a work-around:
I think I'm just gonna roll with this for now. Thanks for the tip on portal and quick responses! |
I have poppers that are rendered inside
overflow:hidden
containers; this causes the poppers to be partially hidden/cropped.@FezVrasta has indicated that this should be achievable by putting the
<Popper>
somewhere outside of theoverflow:hidden
container have it reference the target.I'm not sure how to do this with
react-popper
, though. Any ideas/advice?The text was updated successfully, but these errors were encountered: