Blank screen after removing item from cart directly after it was added #68
Description
Hi,
I encountered a weird issue when doing some exploratory testing. With offcanvas minicart enabled, adding a product to the cart and immediately removing it again leaves the customer with a blank page. Looking in the page style it seems the body._has-modal overflow: hidden; is causing it. When a product from somewhere at the top of a page is added only part of the screen is blank.
Steps to reproduce:
- Scroll down on a page with products
- Add a product to cart, (offcanvas minicart opens)
- Remove the item from the cart, (screen turns blank)
- Open a web inspector and look for the
<body>element. - Look for the
body._has-modalstyle and disableoverflow:hidden - Page is visible again
My system is running the following:
- macOS Catalina 10.15.7 (19H2)
- Safari 13.1.3 (15609.4.1)
I tried the same steps in Google Chrome and Firefox, that just works fine, no issues there.
Running the same steps on macOS BigSur 11.2.3 with Safari 14.0.3 (16610.4.3.1.7) shows no issues.
Details on the installation:
- Magento 2.4.1-p1
- Magesuite v7.0.0
- theme-creativeshop v11.0.2
- PHP7.4.8
- MySQL 8.0