[Tooltip] Add a way for the Tooltip to remain open when the trigger is clicked

[sunwrobert]

Feature request

This could be useful for something like a copy to clipboard button, where it shows a tooltip with the text Copy, and then after clicking on the button, the text changes to Copied with the tooltip still open. Radix had a way to do this with event.preventDefault()

Summary

Examples in other libraries

Motivation

[oliviertassinari]

As I understand it, it's possible, developers can control the component: https://base-ui.com/react/components/tooltip#root but it's involves quite a boilerplate.

There's no docs like https://mui.com/material-ui/react-tooltip/#controlled-tooltips to demonstrate it, maybe we should create this.

Radix had a way to do this with event.preventDefault()

Could you share a demo? event.preventDefault() is meant to prevent browser native behavior, this could be an anti-browser pattern.

[sunwrobert]

As I understand it, it's possible, developers can control the component: https://base-ui.com/react/components/tooltip#root but it's involves quite a boilerplate.

There's no docs like https://mui.com/material-ui/react-tooltip/#controlled-tooltips to demonstrate it, maybe we should create this.

Radix had a way to do this with event.preventDefault()

Could you share a demo? event.preventDefault() is meant to prevent browser native behavior, this could be an anti-browser pattern.

radix-ui/primitives#2029 This is how it was done before