Merge IndexTable accessibility change from web (#4004)

Added unreleased message
Shopify · Feb 17, 2021 · 1fcc776 · 1fcc776
1 parent 4cad20b
commit 1fcc776
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/UNRELEASED.md b/UNRELEASED.md
@@ -25,6 +25,7 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f
 - Update `IndexTable`'s checkbox header to be aligned with other headers ([#3990](https://github.com/Shopify/polaris-react/issues/3990))
 - Fixed `CheckableButton` missing border when focused ([#3988](https://github.com/Shopify/polaris-react/pull/3988))
 - Fixed accessibility issue on `Tabs` disclosure popover on close ([#3994](https://github.com/Shopify/polaris-react/pull/3994))
+- Fixed accessibility issue when tabbing into `IndexTable` ([#4004](https://github.com/Shopify/polaris-react/pull/4004))
 
 ### Documentation
 

diff --git a/src/components/IndexTable/IndexTable.scss b/src/components/IndexTable/IndexTable.scss
@@ -223,6 +223,11 @@ $loading-panel-height: rem(53px);
   position: absolute;
   display: flex;
   width: 100%;
+
+  &:not(.StickyTableHeader-isSticky) {
+    top: rem(-1000px);
+    left: rem(-1000px);
+  }
 }
 
 .StickyTableColumnHeader {