wip

pinterest · Mar 31, 2021 · 30af476 · 30af476
1 parent 48324a4
commit 30af476
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/gestalt/src/Table.css b/packages/gestalt/src/Table.css
@@ -37,7 +37,7 @@ td div{
 }
 
 .columnSticky div {
-  z-index: 4;
+  z-index: 5;
 }
 
 .columnStickyShadow div {

diff --git a/packages/gestalt/src/Table.js b/packages/gestalt/src/Table.js
@@ -34,9 +34,10 @@ export default function Table(props: Props): Node {
   }, []);
 
   useEffect(() => {
-    document.addEventListener('scroll', updateShadows);
+    const target = contentRef.current;
+    target.addEventListener('scroll', updateShadows);
     return () => {
-      document.removeEventListener('scroll', updateShadows);
+      target.removeEventListener('scroll', updateShadows);
     };
   }, [updateShadows]);