You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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']),
The text was updated successfully, but these errors were encountered:
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](https://user-images.githubusercontent.com/13223166/145252800-ce940dc9-49ab-499d-84ab-6ae8c37ac54c.jpg)
With interactive
![Screenshot 2021-12-08 190919](https://user-images.githubusercontent.com/13223166/145252832-6b3a4a3f-0d28-409e-a847-d0e7b22db132.jpg)
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
![Screenshot 2021-12-08 191602](https://user-images.githubusercontent.com/13223166/145253353-973f3ef5-727d-4565-9ba1-6f76c962a979.jpg)
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']),
The text was updated successfully, but these errors were encountered: