From 6c25a25f8b3458a05574d2d717571f3a5112df9a Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Mon, 11 Sep 2023 11:07:10 -0400
Subject: [PATCH] Make the focus ring on Compound Web buttons consistent

---
 src/index.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/index.css b/src/index.css
index 657517da..a1112ff0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -244,3 +244,13 @@ details[open] > summary {
   position: relative;
   height: 100%;
 }
+
+/* normalize.css sets the focus rings on buttons in Firefox to an unusual custom
+outline, which is inconsistent with our other components and is not sufficiently
+visible to be accessible. This resets it back to 'auto'. */
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: auto;
+}