Skip to content

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

Open
@paresh6002

Description

@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 artpolikarpov/fotorama#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 artpolikarpov/fotorama#574

Expected result (*)

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

Screenshot-3-zoom

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:

Screenshot 2022-01-07 at 12 34 24 PM

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

Screenshot 2022-01-07 at 12 38 00 PM

  1. 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.

Screenshot-from-2021-12-27-12-44-45-png-1920×1080-

Example

Argus-All-Weather-Tank.mp4

Related issue: #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.
  • 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”.

Metadata

Metadata

Labels

Area: UI FrameworkComponent: DeveloperIssue: ConfirmedGate 3 Passed. Manual verification of the issue completed. Issue is confirmedPriority: P2A defect with this priority could have functionality issues which are not to expectations.Progress: PR in progressReproduced on 2.4.xThe issue has been reproduced on latest 2.4-develop branch

Type

No type

Projects

Status

Pull Request In Progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions