Tooltip Remains Visible After Hovering Outside of the Target Area

[aditya-mistri]

Did you clear cache before opening an issue?

• I have cleared my cache

Is there an existing issue for this?

• I have searched the existing issues

Does the issue happen when logged in?

Yes

Does the issue happen when logged out?

Yes

Does the issue happen in incognito mode when logged in?

Yes

Does the issue happen in incognito mode when logged out?

Yes

Account name

rhonk

Account config

No response

Current Behavior

when i open the theme selector popup and select a theme , the popup closes but the tooltip [ shift click to toggle custom theme ] does not go away when hovering on rest part of the screen .
This issue is in every page except the default typing test page .

Expected Behavior

The expected behavior is that when the theme is selected and the theme selector popup closes, the tooltip "Shift click to toggle custom theme" should also disappear. The tooltip should not remain visible when hovering over other parts of the screen, and it should be dismissed properly, just like it works on the default typing test page.

Steps To Reproduce

1. Go to bottom of any page except default typing page for example : [ https://monkeytype.com/settings ]
2. at the footer there is theme button showing current theme
3. click the button , select any theme
4. you can see the tooltip is there [ even when we scroll , it does not disappear ].

Environment

• OS: Windows 10
• Browser: Brave
• Browser Version: 1.75.180 Chromium: 133.0.6943.126 (Official Build) (64-bit)]

Anything else?

I would like to work on this issue

[Miodec]

Not sure if this can be fixed. The browser will refocus the last element automatically when a modal (commandline in this case) is closed, and focused elements will always show the hover tooltip.

[VKTRenokh]

The browser will refocus the last element automatically

can we just do document.activeElement.blur() on cmdline hide?
if so I can open a pr right away

[Miodec]

The browser will refocus the last element automatically

can we just do document.activeElement.blur() on cmdline hide?

Oh yeah, that actually works - it hides the focus border and keeps the focus order. Thanks.