Tooltip remains open if roots are too close

[nooblyf]

Describe the bug

If tooltips are close to each other, then hovering past them quickly keeps the old tooltip still open. Here's the screen recording

bits-tooltip-open-bug.mp4

Reproduction

https://stackblitz.com/edit/github-whmvc7?file=src%2Froutes%2F%2Bpage.svelte

Logs

No response

System Info

System:
OS: Linux 5.0 undefined
CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 0 Bytes / 0 Bytes
Shell: 1.0 - /bin/jsh
Binaries:
Node: 18.20.3 - /usr/local/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 10.2.3 - /usr/local/bin/npm
pnpm: 8.15.6 - /usr/local/bin/pnpm
npmPackages:
@sveltejs/kit: ^2.0.0 => 2.5.28
bits-ui: latest => 0.21.15
svelte: ^4.2.7 => 4.2.19

Severity

annoyance

[shyakadavis]

Hello @nooblyf

I think what you're looking for is the group prop on Root https://www.bits-ui.com/docs/components/tooltip#tooltiproot

IIRC, no 2 tooltips that belong to the same group can be open at a time.

---

Just doing <Tooltip.Root group openDelay={0}> to all your tooltips should fix, and if you have multiple on the same page, you can provide a custom group name.

[nooblyf]

thanks @shyakadavis for the quick help, i tried adding a unique group to each root but it was still same

i then edited to just group as you said and it works now!

[shyakadavis]

For future reference, you need to give both the same group name, otherwise they are registered as different.

[nooblyf]

ohh okay, thanks!

[nooblyf]

@shyakadavis @huntabyte is there a similar setting like group for shadcn-svelte and bits-ui next? i'm experiencing the same bug in shadcn-svelte@next's tooltip

[huntabyte]

<Tooltip.Provider> @nooblyf