From ccc4049eb509e516504d57ca55f7442ff485d032 Mon Sep 17 00:00:00 2001
From: Roy Johnson <roy.e.johnson@rice.edu>
Date: Mon, 8 Jan 2024 13:35:31 -0600
Subject: [PATCH] Comment to explain defaultFocusOutline

---
 src/app/components/Checkbox.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/app/components/Checkbox.tsx b/src/app/components/Checkbox.tsx
index 84527bc414..4131a7ee05 100644
--- a/src/app/components/Checkbox.tsx
+++ b/src/app/components/Checkbox.tsx
@@ -48,6 +48,9 @@ const Checkbox = ({children, className, ...props}: React.PropsWithChildren<Props
   {children}
 </label>;
 
+// Browser default outline for focus items per
+// tslint:disable-next-line:max-line-length
+// https://stackoverflow.com/questions/20609485/what-is-the-default-style-of-the-blue-focus-outline-in-chrome/38498539#38498539
 const defaultFocusOutline = `
   outline: 0.1rem dotted #212121;
   outline: 0.5rem auto -webkit-focus-ring-color;