Skip to content
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

z-index problem when using interactive true #4

Open
VasilePintilie opened this issue Dec 8, 2021 · 1 comment
Open

z-index problem when using interactive true #4

VasilePintilie opened this issue Dec 8, 2021 · 1 comment

Comments

@VasilePintilie
Copy link

When using interactive true, the content of the tip stays inside the grid div.

->tippyOptions(['interactive' => true, 'placement' => 'top']),

Without interactive
Screenshot 2021-12-08 191154

With interactive
Screenshot 2021-12-08 190919

From their documentation (interactive):
When true, the tippy will be appended to the targets parent element for accessibility reasons by default. This means it can inherit styling, such as text-align: center. If you are experiencing issues with positioning, add appendTo: () => document.body to your props.

Trying to use appendTo as an option will result in a javascript error and the tooltip not showing up at all.
->tippyOptions(['interactive' => true, 'placement' => 'top', 'appendTo' => 'document.body']),
Screenshot 2021-12-08 191602

@monaye
Copy link
Owner

monaye commented Dec 17, 2021

thank you for reporting and sorry for the delay. Will take a look at this over the weekend.

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

No branches or pull requests

2 participants