From 21b7661ca85c2219b2acb09ea7e72e01da9d66fc Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Thu, 4 Jun 2026 18:18:23 -0400
Subject: [PATCH] fix: suppress h1 focus ring caused by FocusOnNavigate in both
 Blazor apps

---
 DeepDrftManager/Components/App.razor              | 1 +
 DeepDrftManager/wwwroot/app.css                   | 2 ++
 DeepDrftPublic/wwwroot/styles/deepdrft-styles.css | 3 +++
 3 files changed, 6 insertions(+)
 create mode 100644 DeepDrftManager/wwwroot/app.css

diff --git a/DeepDrftManager/Components/App.razor b/DeepDrftManager/Components/App.razor
index 3db6cf3..5e7d8c3 100644
--- a/DeepDrftManager/Components/App.razor
+++ b/DeepDrftManager/Components/App.razor
@@ -9,6 +9,7 @@
     <DeepDrftFontLinks />
     <link href=@Assets["_content/MudBlazor/MudBlazor.min.css"] rel="stylesheet" />
     <link rel="stylesheet" href="@Assets["DeepDrftManager.styles.css"]" />
+    <link rel="stylesheet" href="app.css" />
     <link rel="stylesheet" href="@Assets["_content/DeepDrftShared.Client/styles/deepdrft-tokens.css"]" />
     <ImportMap />
     <link rel="icon" type="image/ico" href="deepdrft-logo.ico" />
diff --git a/DeepDrftManager/wwwroot/app.css b/DeepDrftManager/wwwroot/app.css
new file mode 100644
index 0000000..c52b9dd
--- /dev/null
+++ b/DeepDrftManager/wwwroot/app.css
@@ -0,0 +1,2 @@
+/* Suppress the browser focus ring that FocusOnNavigate triggers on h1 after navigation. */
+h1:focus-visible { outline: none; }
diff --git a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
index e93e4a8..f980e5d 100644
--- a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
+++ b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
@@ -77,6 +77,9 @@ h1, .deepdrft-text-hero {
     text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
 }
 
+/* Suppress the browser focus ring that FocusOnNavigate triggers on h1 after navigation. */
+h1:focus-visible { outline: none; }
+
 /* Headers */
 h2, h3, h4, h5, h6,
 .deepdrft-text-subtitle {