menu

Popper

🍿Positioning tooltips is difficult. Popper is here to help!

Channels
Team
Posts
Members
Info

How to manually trigger a collision detection recalculation?

I am using a collapsible drawer inside my popper content. The issue I'm having is when the drawer opens the content can run off the page in some cases and the collision detection doesn't re-run. Is there a way to manually trigger collision detection? Or is there another way to…

thumbsup
1
message-simple
1

tooltip is outside window boundaries

I set up a simple example where this happens, note how the tooltip gets translate3d(-45px, 147px, 0px) which renders it outside the window boundaries: https://codesandbox.io/s/stupefied-blackwell-nll6m Anyone know what I'm doing wrong here?

thumbsup
0
message-simple
1

Nested Poppers

Hey 👋🏼 I'm in the process of building a popover/modal that users Popper and I want to be able to add a "fly out" style menu to that popover/modal. While I am able to put one popper element inside another, the child popper seems to be keeping its position within the bounds of…

thumbsup
2
message-simple
2

HELP Popper Arrow 'top' is always empty string

I'm using styled components with Popper, and dynamic arrow positioning isn't happening properly. Printing out the arrowProps.style it looks like: No matter what I do, the top value is always the empty string. Any ideas? Repro: …

thumbsup
0
message-simple
2

SVGElement instead of HTMLElement

Is it possible to use react-popper when the reference element is an SVGElement instead of an HTMLElement ?

thumbsup
0
message-simple
3

On resize, Popper changes from initial position and shifts upwards

Something simple I'm missing?

thumbsup
0
message-simple
1

popper reference in another component

can i have a popper reference in another component? lets say i have a component Dashboard that has a button. And i have another component Tutorial which will be a tooltip and popper element. …

thumbsup
0
message-simple
1

React-popper dependencies

Hi, in our project we use react-router that has dependency on "create-react-context": "^0.2.2", you can check it here https://github.com/ReactTraining/react-router/blob/master/packages/react-router/package.json . But react-popper has dependency like "create-react-context":…

thumbsup
0
message-simple
1

Popper modifier warnings

Hey there, I am using react-popper in one of our projects and I am seeing the warning: keepTogether modifier is required by arrow modifier in order to work, be sure to include it before arrow! …

thumbsup
0
message-simple
0

Click outside Popper

Hi, I am using react-popper on my project to imitate some kind of dropdown. And I curious is there any way to make Popper hide when I clicking outside of it and its Reference? Any thoughts, or plans, or maybe working solutions? …

thumbsup
0
message-simple
7