From 035b20a9fc0da3ec8a33402ad5b7b89fc5f2adf9 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 21 May 2025 13:46:21 -0500
Subject: [PATCH] Remove Safari's insistent focus ring

---
 app/assets/stylesheets/base.css  | 1 +
 app/assets/stylesheets/trays.css | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/app/assets/stylesheets/base.css b/app/assets/stylesheets/base.css
index a02579a80..ca09c2f20 100644
--- a/app/assets/stylesheets/base.css
+++ b/app/assets/stylesheets/base.css
@@ -59,6 +59,7 @@
       outline-offset: var(--outline-offset, calc(var(--outline-size) * 2));
     }
 
+    &:where(:focus-visible):focus,
     &:where(:focus-visible):active {
       outline: 0;
     }
diff --git a/app/assets/stylesheets/trays.css b/app/assets/stylesheets/trays.css
index aef0a93e4..24399ffc4 100644
--- a/app/assets/stylesheets/trays.css
+++ b/app/assets/stylesheets/trays.css
@@ -21,6 +21,11 @@
     position: fixed;
     z-index: var(--z-tray);
 
+    &:where(:focus-visible):focus,
+    &:where(:focus-visible):active {
+      outline: 0;
+    }
+
     :where(.tray__item) {
       --tray-item-delay: calc((var(--tray-item-index) - 1) * 10ms);
       --tray-item-y: calc((var(--tray-item-index) - 1) * (var(--tray-item-offset) * -1) - var(--tray-bottom-padding));