CmsBlock Gallery JavaScript error when zoom feature is selected

[Invadox]

PHP Version

8.2

Shopware Version

6.5.8.7

Expected behaviour

The gallery CmsBlock does not work correctly when the zoom feature is activated in the cms builder.
Neither navigating between the images nor zoom does work. However when clicking the image itself the fullscreen gallery does open when selected in cms builder.

Actual behaviour

The gallery does not function correctly in the storefront and throws the following javascript errors in the console:

Error: The required element ".js-magnifier-zoom-image-container" does not exist in parent node!
    at i.querySelector (all.js?1710514489:3:3743)
    at St.init (all.js?1710514489:5:83151)
    at St._init (all.js?1710514489:3:14939)
    at new c (all.js?1710514489:3:14791)
    at new St (all.js?1710514489:5:82880)
    at h._initializePluginOnElement (all.js?1710514489:3:21227)
    at all.js?1710514489:3:20637
    at NodeList.forEach (<anonymous>)
    at s.iterate (all.js?1710514489:3:6828)
    at h._initializePlugin (all.js?1710514489:3:20620)
(anonym) @ all.js?1710514489:3
(anonym) @ all.js?1710514489:3
initializePlugins @ all.js?1710514489:3
initializePlugins @ all.js?1710514489:3
(anonym) @ all.js?1710514489:5
all.js?1710514489:3
_sendRequest @ all.js?1710514489:3
get @ all.js?1710514489:3
fetch @ all.js?1710514489:5
init @ all.js?1710514489:5
_init @ all.js?1710514489:3
c @ all.js?1710514489:3
v @ all.js?1710514489:5
_initializePluginOnElement @ all.js?1710514489:3
(anonym) @ all.js?1710514489:3
iterate @ all.js?1710514489:3
_initializePlugin @ all.js?1710514489:3
(anonym) @ all.js?1710514489:3
initializePlugins @ all.js?1710514489:3
initializePlugins @ all.js?1710514489:3
(anonym) @ all.js?1710514489:5
all.js?1710514489:2 

Uncaught TypeError: Mn is not a function
    at Or (all.js?1710514489:2:393652)
    at HTMLDivElement.Nr (all.js?1710514489:2:394804)
Or @ all.js?1710514489:2
Nr @ all.js?1710514489:2
2all.js?1710514489:2 

Uncaught TypeError: Tn is not a function
    at Pr (all.js?1710514489:2:393995)
    at HTMLDivElement.Nr (all.js?1710514489:2:394536)
Pr @ all.js?1710514489:2
Nr @ all.js?1710514489:2
all.js?1710514489:2

How to reproduce

1. Setup a clean shopware install and add a gallery cms block to the frontend
2. Activate the zoom toggle in the element settings
3. Save and visit the frontend, then notice the gallery block missbehavior as described above

[shopware-issue-bot]

We found the following existing issues which may help or are related to your topic:

• Picture gallery (ZoomModal) does not open after changing the viewport
• right magnifier zoom image is too small when zoom over the gallery image and the right content has only price and buy container
• Magnifier / Zoom stops working after page resizing
• NEXT-14809 Gallery image aspect ratio zoom config (tall images fix) and magnifier over gallery config
• [GitHub] NEXT-14809 Gallery image aspect ratio zoom config (tall images fix) and magnifier over gallery config
• Accessibility issue product detail page - gallery zoom modal not closing when pressing ESC
• Magnify / zoom over gallery cuts of part of image
• Image Gallery and zoom
• Product detail gallery modal can't be closed with "esc"
• Zoom on product picture in mobile version doesn't work