[preact/compat] @radix-ui/react-tooltip immediately hide tooltip after hover on element

[glook]

• [ ] Check if updating to the latest Preact version resolves the issue

Describe the bug Radix tooltips immediately closing after hover on element

To Reproduce

https://codesandbox.io/s/preact-radix-ui-react-tooltip-issue-lshsmd?file=/src/App.tsx

Steps to reproduce the behavior:

1. Hover on button
2. You will see that tooltip will be visible for just a moment

Expected behavior Expected that tooltip will be visible all time when cursor is hover button

[iPavlikov]

Hello! Any updates on this issue?

[wolfflow]

Still buggy

[nikogoli]

I found a solution. It does not "solve" the problem, but works anyway.

https://codesandbox.io/s/preact-radix-ui-react-tooltip-issue-forked-kys9rl?file=/src/tooltipDemo.tsx

Just import useState and create a boolean-state and its stateUpdater, and pass them as open and onOpenChange properties of <Tooltip.Root>.

I found this technique in the code of shadcn/ui's Collapsible-demo.

[JoviDeCroock]

@nikogoli Very interesting find, I really wonder if it's some kind of double event firing/... but it stands out that if other libraries are running into it that it might not be isolated to preact 😅