From 6f64905ca6f428521b1e6607f43140d8f41efaf6 Mon Sep 17 00:00:00 2001
From: Zach Leatherman <zachleat@users.noreply.github.com>
Date: Mon, 26 Aug 2024 15:06:38 -0500
Subject: [PATCH] Swap to focus-within for focus styles in FF

---
 public/js/heading-anchors.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/js/heading-anchors.js b/public/js/heading-anchors.js
index e630072..f0bdccd 100644
--- a/public/js/heading-anchors.js
+++ b/public/js/heading-anchors.js
@@ -33,10 +33,10 @@ class HeadingAnchors extends HTMLElement {
 	padding-right: .25em;
 }
 /* nested */
-:is(h1,h2,h3,h4,h5,h6):is(:focus, :hover) .${HeadingAnchors.classes.anchor},
+:is(h1,h2,h3,h4,h5,h6):is(:focus-within, :hover) .${HeadingAnchors.classes.anchor},
 /* sibling */
-:is(h1,h2,h3,h4,h5,h6) + .${HeadingAnchors.classes.anchor}:is(:focus, :hover),
-:is(h1,h2,h3,h4,h5,h6):is(:focus,:hover) + .${HeadingAnchors.classes.anchor} {
+:is(h1,h2,h3,h4,h5,h6) + .${HeadingAnchors.classes.anchor}:is(:focus-within, :hover),
+:is(h1,h2,h3,h4,h5,h6):is(:focus-within, :hover) + .${HeadingAnchors.classes.anchor} {
 	opacity: 1;
 }
 @supports not (anchor-name: none) {