Compatibility Issues with Polaris on Chrome in Linux

Shopify Apps
1

Hello everyone,

I’m developing a Shopify app using Chrome on a Linux system and have encountered compatibility issues with some Polaris components, such as Index Table and Index Filters.

For example, using the official demo of Index Table, I get the following results (top is Chrome, bottom is Firefox):

huangcong12_0-1715834423552.png
huangcong12_0-1715834423552.png2543×1126 162 KB

If the images are blurry, please view them here：https://postimg.cc/2bQmzrr9

Similarly, with Index Filters (top is Chrome, bottom is Firefox):

huangcong12_1-1715834577424.png
huangcong12_1-1715834577424.png2062×866 42.9 KB

If the images are blurry, please view them here：https://postimg.cc/JHR80vhr

In Chrome, these display issues tend to resolve after resizing the browser window, but they appear upon the initial load.

My Shopify app code is up-to-date, as I just installed it today using: shopify app init. Both Chrome and Firefox are also up-to-date since I am using Manjaro, which continuously updates to the latest versions.

Does anyone know how to fix this? Attached is the code for the Index Table.

Thank you!

2

Hi, I have the same issue!

did you solve it?

3

Sorry, I wasn’t able to solve it.

4

then, what did you do ? did you develope your own component for that?

5

I haven’t done anything about it, and I haven’t really paid attention to it for a while. I’ve kind of gotten used to its existence, and it seems like it’s not happening in the product. I just pray everything is fine on the customer’s end.