From 8445f07827eb13db005aa38b7f665f8154e3918c Mon Sep 17 00:00:00 2001 From: Ben Harris Date: Mon, 14 Nov 2022 22:16:03 +0000 Subject: js: Replace :focus-within with JS-maintained .focus-within Old browsers (like KaiOS 2.5) don't have :focus-within, but it's pretty easy to replace the pseudo-class with a real .focus-within class maintained by JavaScript event handlers. This is made only marginally fiddlier by the odd fact that "focus" and "blur" events don't bubble. --- html/jspage.pl | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'html') diff --git a/html/jspage.pl b/html/jspage.pl index ec67a4d..5376a9a 100755 --- a/html/jspage.pl +++ b/html/jspage.pl @@ -128,7 +128,7 @@ EOF } #gamemenu li > :hover:not(:disabled), -#gamemenu li > :focus-within { +#gamemenu li > .focus-within { /* When the mouse is over a menu item, highlight it */ background: rgba(0,0,0,0.3); } @@ -186,7 +186,7 @@ EOF } #gamemenu :hover > ul, -#gamemenu :focus-within > ul { +#gamemenu .focus-within > ul { /* Last but by no means least, the all-important line that makes * submenus be displayed! Any