No outline when main region receives focus

openstax · Jul 29, 2024 · 07cca7c · 07cca7c
1 parent 4b0f8f9
commit 07cca7c
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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;