monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-09-29 10:05:53 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(tooltips): prevent hover pop-up reappearance on click (@byseif21) (#6831)

Browse source 
### Description

tooltip pop-ups were reappearing on click when interacting with various
clickable elements (e.g., tags in results table, test result buttons,
account page actions).
This commit is contained in:
Seif Soliman 2025-08-10 16:02:53 +03:00 • committed by GitHub
parent 68d2370d94
commit 42609e21dc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/styles/core.scss
View file

@ -466,3 +466,15 @@ key {
font-size: var(--balloon-font-size);
line-height: var(--balloon-font-size);
}
// this here to prevent tooltips from showing when an element is focused via mouse click
// to avoid reappearing popups after clicks, WITHOUT breaking keyboard nav.
// so shortly we show balloon tooltips on hover and keyboard focus only. not on mouse focus!
@supports selector(:focus-visible) {
[aria-label][data-balloon-pos]:focus:not(:focus-visible):not(:hover)::before,
[aria-label][data-balloon-pos]:focus:not(:focus-visible):not(:hover)::after {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
}

1
frontend/src/ts/pages/settings.ts
View file

@ -1008,7 +1008,6 @@ $(".pageSettings .section[data-config-name='funbox'] .buttons").on(
const funbox = $(e.currentTarget).attr("data-config-value") as FunboxName;
Funbox.toggleFunbox(funbox);
setActiveFunboxButton();
$(e.currentTarget).blur();
}
);