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

diff --git a/scss/mixins/_visually-hidden.scss b/scss/mixins/_visually-hidden.scss
index 388916ccf69ce778716ade960b853f737c75a826..9dd0ad33bf8286cdf7f4074d90ada31f7c1041e4 100644 (file)
--- 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