Close button not working in a mobile device on product image zoom popup.

[paresh6002]

Preconditions (*)

1. Magento 2.4.3-p1

Steps to reproduce (*)

1. Open product page on a mobile device
2. Scroll product page on mobile
3. Click on a product image then zoom popup open
4. Then try to close the popup by clicking the close button
5. Popup can't be close.

Description (*)

I found issue https://github.com/artpolikarpov/fotorama/issues/529 on fotorama git repo. so It is related to each other. all events get passive listener to by using this code.

el.addEventListener ? el.addEventListener(e, fn, {passive: true}) : el.attachEvent('on' + e, fn);

File path: lib/web/fotorama/fotorama.js Line No: 1143

I found this pull request https://github.com/artpolikarpov/fotorama/pull/574

Expected result (*)

1. Image zoom popup should be closed by clicking on the close button

Actual result (*)

As per analysis, there are 3 issues happening when you zoom-in and zoom-out any product image:

1. If you click on the product and close it again, mini cart will open itself like below:

2. If you again click on the product and close it again, search bar will open itself like below:

3. If you go a little bit down from the product image and then click on product to zoom-in and then try to close it, the product will be not be able to close and user needs to be refresh the page.

Example

https://user-images.githubusercontent.com/59193951/147908020-89d163bb-646b-4a87-bbe2-93499e8a7460.mp4

Related issue: https://github.com/magento/magento2/issues/33855

Please provide Severity assessment for the Issue as Reporter. This information will help during Confirmation and Issue triage processes.

• [ ] Severity: S0 - Affects critical data or functionality and leaves users without workaround.
• [x] Severity: S1 - Affects critical data or functionality and forces users to employ a workaround.
• [ ] Severity: S2 - Affects non-critical data or functionality and forces users to employ a workaround.
• [ ] Severity: S3 - Affects non-critical data or functionality and does not force users to employ a workaround.
• [ ] Severity: S4 - Affects aesthetics, professional look and feel, “quality” or “usability”.