fix(visually-hidden): prevent overflowing children to become focusable (twbs#41286)

ffoodd · web-flow · commit c5bec4ea7bd7 · 2025-05-04T13:21:30.000-07:00
diff --git a/scss/mixins/_visually-hidden.scss b/scss/mixins/_visually-hidden.scss
@@ -19,6 +19,11 @@
   &:not(caption) {
     position: absolute !important;
   }
+
+  // Fix to prevent overflowing children to become focusable
+  * {
+    overflow: hidden !important;
+  }
 }
 
 // Use to only display content when it's focused, or one of its child elements is focused

Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,11 @@`
`19`	`19`	`&:not(caption) {`
`20`	`20`	`position: absolute !important;`
`21`	`21`	`}`
	`22`	`+`
	`23`	`+ // Fix to prevent overflowing children to become focusable`
	`24`	`+ * {`
	`25`	`+ overflow: hidden !important;`
	`26`	`+ }`
`22`	`27`	`}`
`23`	`28`
`24`	`29`	`// Use to only display content when it's focused, or one of its child elements is focused`