New room header buttons not using styled tooltips

[t3chguy]

Steps to reproduce

1. Enable labs flag
2. Find a room where you lack permission to call
3. Hover over disabled icons

Outcome

The new room header UI is sleek but has a major usability regression around tooltips. Using the native title attribute instead of tooltips is fine for accessible technologies but not great for sighted users having to hover for ~5s for the tiny tooltip to appear

What did you expect?

What happened instead?

Operating system

No response

Browser information

No response

URL for webapp

No response

Application version

No response

Homeserver

No response

Will you send logs?

No

[germain-gg]

https://www.radix-ui.com/primitives/docs/components/tooltip#displaying-a-tooltip-from-a-disabled-button being the solution to this. We need to figure out whether we can encompass that directly in the Tooltip component in Compound Web, as this sounds like a fairly common thing to happen

[Aziz-4980]

is this issue still open? @t3chguy

[t3chguy]

@Aziz-4980 yup.

[lalitkumawat1m]

I want to work on this issue please assign it to me

[t3chguy]

Thank you for your interest in this issue. We will normally not assign the issue to an external contributor until they have provided at least a draft PR which is taking the right direction. For further details, see our guidance on assigning issues.

If you have any technical questions about this issue, you can ask for help in #element-dev:matrix.org

[daniellekirkwood]

@t3chguy given our work on this topic (header and tooltips), has this work been done ?

[t3chguy]

This was done by Florian going and updating all existing tooltips to use Compound.