mirror/bedstead
1
0
Fork 1
mirror of https://bjh21.me.uk/bedstead/.git synced 2026-07-09 13:33:06 -04:00
Code Issues Packages Projects Releases Wiki Activity

webstead: style for #pixels input:focus-visible

Browse Source 
The usual focus ring in Firefox and Chromium appears at the same
stacking level as the element it's attached to.  This means that it's
hidden by elements after it in the document, including pixels below it
and to its right.  Fiddling with the z-index of the focussed pixel
helps with this.
This commit is contained in:
Ben Harris 2025-10-12 16:27:13 +01:00
parent 3c097befba
commit 0ecf8f3ebf
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webstead.xhtml
View File

@ -49,6 +49,10 @@
width: calc(var(--pix) - 6px);
height: calc(var(--pix) - 6px);
}
#pixels input:focus-visible {
position: relative;
z-index: 1;
}
</style>
<!-- Script is async rather than deferred because Chromium can't
handle deferred scripts in XHTML.