[joy-ui][Toggle Button] Not working well with a tooltip

[danilo-leal]

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Here's a Code Sandbox link with buttons wrapped by tooltips within a Toggle Button container.

Current behavior 😯

When wrapping buttons inside a Toggle Button container with tooltips, they appear correctly. However, what happens then is that the selection behavior is damaged. In other words, a button doesn't stay "toggled on" after clicking on it if a tooltip wraps it.

Expected behavior 🤔

A clicked button should be "toggled on" even if it has a wrapping tooltip.

Context 🔦

As a benchmark, even though each of these components has a different interaction naturally, it seems like buttons inside a Button Group, as opposed to a Toggle Button Group, don't suffer from this problem.

[adamhylander]

I can take a look at this one if that's ok with you

[danilo-leal]

@adamhylander yup, go ahead! Appreciate it!