Recently, I found that the indextable component of Polaris has problems when displaying, how can I solve it?

[LXJ-heartbeats]

Issue summary

Expected behavior

Actual behavior

Steps to reproduce the problem

Reduced test case

The best way to get your bug fixed is to provide a reduced test case. This CodeSandbox template is a great starting point.

Specifications

• Are you using the React components? (Y/N):
• Polaris version number:
• Browser:
• Device:
• Operating System:

Or run npx envinfo --system --binaries --browsers --npmPackages react,react-dom,@shopify/polaris to provide specifications on your environment including version numbers, browser, device, and operating system.

Paste the results here:

👋 Thanks for opening your first issue. A contributor should give feedback soon. If you haven’t already, please check out the contributing guidelines.

[pamelahicks]

It seems that position: sticky is suddenly not playing nice with box-shadow 🤔

[pamelahicks]

The problem is present in Chrome but not present in Safari or Firefox.

[edwardoverthere]

Specifications

System:
OS: macOS 11.2.3
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Memory: 9.74 GB / 32.00 GB
Shell: 5.8 - /bin/zsh
Binaries:
Node: 12.18.2 - ~/.nodenv/versions/12.18.2/bin/node
Yarn: 1.22.10 - /usr/local/bin/yarn
npm: 6.14.5 - ~/.nodenv/versions/12.18.2/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Browsers:
Chrome: 91.0.4472.77
Firefox: 85.0
Firefox Developer Edition: 90.0
Safari: 14.0.3

As mentioned by @pamelahicks - issue is only currently present in current version of Chrome.