When I add several products to the cart on one of my sites, the Chrome browser does not properly update the visual content of the cart. Here's a screen recording that demonstrates the problem: https://youtu.be/aXmc-7yEfLc
Here is a link to the site where you can add multiple configurations of this product to cart and reproduce the problem yourself: Product Page
. Note that you will have to view the site on a mobile device or with Chrome/Firefox development tools to emulate a mobile device User Agent.
The first half of the recording shows that when scrolling the cart, much of the content cannot be seen. However, it can be interacted with by click-holding to select text, or clicking on an invisible button or text area.
In the second half of the recording you can see that changing the z-index on the sidecart element forces the browser to render the cart correctly, but scrolling does not properly update the rendering. I don't think this problem is related to the z-index property because I can click and interact with the hidden elements, so it's not as if another element is covering them.
Have you identified this problem on any other sidecart implementations? Is there a workaround or fix for this type of problem? Thanks!