Thank you very much for adding the tooltip functionality. I’ve been using it for a few days already, however, I think I found a minor bug.
When multiple buttons are using the same tooltip, the position of the tooltip is added to the wrong button. Please see the following video.
https://cdn.shopify.com/videos/c/o/v/306abef5619248b98172e1cc5e28583c.mov
Hey @app 
- just confirming that this does appear to be expected behaviour, but it is a little odd. Essentially, button points to one tooltip. So each one needs to be unique. Otherwise the “last” one takes precedent if that makes sense.
I know our Polaris team is looking into making improvements to our popover implementation, so I did want to let you know this is something we have our eyes on.
Let me know if I can clarify anything on our end here - happy to help as always.
I understand, but what if I have a forLoop with several cards. They share the same tooltip and this means I will have to create multiple tooltips with the same content.
Is this the recommended approach?
Thank you again for looking into it!
Do you have a mockup of what you’re trying to build? To at least understand a bit better.
I will note that our tooltip guidelines Tooltip — Shopify Polaris React talk about using tooltips sparingly and only for tiny bits of content. So I’m a little doubtful that this is a use-case we’ll end up supporting. But it would be nice to understand it better.
Inside our app, a merchant can add multiple blocks.
Many of the blocks can be cloned, expanded, etc.
These buttons are only visible on hover and the customer might not know what they do, so I would like to show a tooltip that explain what they do, for example “Clone”.
The current tooltip version shows the tooltip to the latest element in the forloop.
It might work correctly if I create a unique tooltip for each Clone button, but why waste resources when I can create a single “Clone” tooltip and use it for every “Clone” button?
Thank you!
