react-tippy icon indicating copy to clipboard operation
react-tippy copied to clipboard

Tippy property appendTo not supported

Open medialwerk opened this issue 6 years ago • 5 comments

Hello everybody,

I just tried to inject the tippy tooltip into a container, so that it's sticky relative to that container. In the documents of tippy (not react-tippy) there is the appendTo property which I tried to use. But it does not work with react-tippy and after looking in the source code of this repo, I found out, that it is not passed to tippy. Is this a bug?

Thank you very much!

medialwerk avatar Oct 17 '18 14:10 medialwerk

It would be great if appendTo would be implemented to React-Tippy as well!

belaarany avatar Jan 16 '19 19:01 belaarany

I really need this aswell

koiski avatar Apr 02 '19 08:04 koiski

Hey everyone - I fixed this issue and opened up a PR: https://github.com/tvkhoa/react-tippy/pull/111.

In the meantime (since it doesn't seem like this library is maintained very actively) you can use my forked version over here: https://github.com/danishmughal/react-tippy

Just throw on a querySelector with the target element you want to append tippy to:

<Tooltip
...
appendTo={() => document.querySelector('#my_element')}
...
/>

danishmughal avatar Apr 17 '19 21:04 danishmughal

Any chance of this getting fixed?

pastur avatar Dec 02 '19 13:12 pastur

Duplicate of #110

pastur avatar Feb 11 '20 16:02 pastur