From 6d91bd4d0f52b838de5d03774c80bdb11091df35 Mon Sep 17 00:00:00 2001
From: Roy Johnson <roy.e.johnson@rice.edu>
Date: Mon, 22 Jul 2024 11:41:26 -0500
Subject: [PATCH] No outline when main region receives focus

---
 src/app/content/__snapshots__/routes.spec.tsx.snap        | 4 ++++
 src/app/content/components/Page/PageContent.tsx           | 4 ++++
 .../components/__snapshots__/Content.spec.tsx.snap        | 8 ++++++++
 3 files changed, 16 insertions(+)

diff --git a/src/app/content/__snapshots__/routes.spec.tsx.snap b/src/app/content/__snapshots__/routes.spec.tsx.snap
index e35265bff3..6c330b1973 100644
--- a/src/app/content/__snapshots__/routes.spec.tsx.snap
+++ b/src/app/content/__snapshots__/routes.spec.tsx.snap
@@ -279,6 +279,10 @@ Array [
   overflow: visible;
 }
 
+.c4:focus-visible {
+  outline: none;
+}
+
 .c4 .highlight {
   position: relative;
   z-index: 1;
diff --git a/src/app/content/components/Page/PageContent.tsx b/src/app/content/components/Page/PageContent.tsx
index b780df1100..50c78c0a72 100644
--- a/src/app/content/components/Page/PageContent.tsx
+++ b/src/app/content/components/Page/PageContent.tsx
@@ -26,6 +26,10 @@ export default styled(MainContent)`
   ${contentTextStyle}
   overflow: visible;
 
+  :focus-visible {
+    outline: none;
+  }
+
   @media screen {
     flex: 1;
     display: flex;
diff --git a/src/app/content/components/__snapshots__/Content.spec.tsx.snap b/src/app/content/components/__snapshots__/Content.spec.tsx.snap
index 79e2761e50..1afb60bd32 100644
--- a/src/app/content/components/__snapshots__/Content.spec.tsx.snap
+++ b/src/app/content/components/__snapshots__/Content.spec.tsx.snap
@@ -699,6 +699,10 @@ Array [
   overflow: visible;
 }
 
+.c78:focus-visible {
+  outline: none;
+}
+
 .c78 .highlight {
   position: relative;
   z-index: 1;
@@ -5472,6 +5476,10 @@ Array [
   overflow: visible;
 }
 
+.c78:focus-visible {
+  outline: none;
+}
+
 .c78 .highlight {
   position: relative;
   z-index: 1;