Skip to content
This repository has been archived by the owner on Nov 9, 2024. It is now read-only.

How do I use "position: fixed" for tippy popup? #390

Open
0xF5T9 opened this issue May 30, 2024 · 0 comments
Open

How do I use "position: fixed" for tippy popup? #390

0xF5T9 opened this issue May 30, 2024 · 0 comments

Comments

@0xF5T9
Copy link

0xF5T9 commented May 30, 2024

Adding "position: fixed" didn't make my popup position relate to the browser viewport but to the tippy wrapper instead. 

And when I used Developer Tools to remove the Tippy wrapper inline styles (transform), it worked.

Before:
image
After:
image

So I guess I must configure something to achieve this behavior but I can't figure how.

This link : https://atomiks.github.io/tippyjs/v6/all-props/#popperOptions
mentioned I can use "popperOptions" prop to take full control over the tippy's positioning.
I try to add "strategy: 'fixed'" but I don't see any changes.
image

What am I doing wrong? Thank you.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant