Tooltip closes on click

[patrickedqvist]

Problem

When using the Tooltip on a interactive component, for example on the CopyButton the tooltip vanishes on click. The more appropiate behaviour would be too keep showing the tooltip. Currently it works due to us manually keeping the tooltip open when a user clicks on the button but there is a noticeable flicker.

See open issue at radix radix-ui/primitives#3021

[patrickedqvist]

Floating UI might be a better alternative instead of radix-ui in this case

[jadhaidar]

@patrickedqvist just came across this same issue as well and landed here. I believe this is a valid use-case that can be supported through a prop to control the behavior.

For reference, my situation is that I have tooltips on buttons to give a hint to users as to what those buttons do. Given they only have icons on mobile. When the user presses a button, the tooltip flickers for a split second and disappears. I'd say this is broken really. Ideally the tooltip should remain visible after the first press, and disappear if they press again or elsewhere. If that's too opinionated then at least let me configure the behavior myself.

I also took a look at Floating UI and I still prefer the higher level abstractions that radix provides. They do have a component library but I'll have to install all of it in order to access their Tooltip.