added left position 0 to visually hidden

Shopify · Nov 12, 2021 · e8e1e62 · e8e1e62
1 parent 815d958
commit e8e1e62
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/UNRELEASED.md b/UNRELEASED.md
@@ -12,6 +12,8 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f
 
 ### Bug fixes
 
+- Fixed `VisuallyHidden` to be positioned in the top left corner of its parent to avoid horizontal scroll issues ([#4641](https://github.com/Shopify/polaris-react/pull/4641)).
+
 ### Documentation
 
 ### Development workflow

diff --git a/src/styles/shared/_accessibility.scss b/src/styles/shared/_accessibility.scss
@@ -6,6 +6,7 @@
   // stylelint-disable declaration-no-important
   position: absolute !important;
   top: 0;
+  left: 0;
   clip: rect(1px, 1px, 1px, 1px) !important;
   overflow: hidden !important;
   height: 1px !important;