[fix] Weird Safari visual bug

cee-chen · cee-chen · commit 95182c79d068 · 2023-11-02T17:05:03.000-07:00
diff --git a/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.ts b/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.ts
@@ -52,6 +52,9 @@ export const euiCollapsibleNavAccordionStyles = (
             outline: none;
           }
         }
+
+        /* Weird workaround for Safari showing a strange focus ring bump around the arrow */
+        overflow: hidden;
       }
 
       .euiAccordion__buttonContent {

Original file line number	Diff line number	Diff line change
`@@ -52,6 +52,9 @@ export const euiCollapsibleNavAccordionStyles = (`
`52`	`52`	`outline: none;`
`53`	`53`	`}`
`54`	`54`	`}`
	`55`	`+`
	`56`	`+ /* Weird workaround for Safari showing a strange focus ring bump around the arrow */`
	`57`	`+ overflow: hidden;`
`55`	`58`	`}`
`56`	`59`
`57`	`60`	`.euiAccordion__buttonContent {`