Compatibility issue with Native WordPress Lightbox (Interactivity API)
-
Hi
I’ve found a compatibility issue between “Blocks Animation” and the native WordPress “Expand on click” (Lightbox) feature.
The Problem: When an animation (e.g., backInUp or fadeInDown) is applied to an Image block within a Gallery, the native Lightbox fails to display the image. Upon clicking, the original image correctly receives the .hide class from WordPress, but the lightbox overlay does not show the image, or it remains invisible.
Steps to reproduce:- Create a Gallery or Image block.
- Enable the native “Expand on click” setting.
- Apply any animation using the Blocks Animation plugin.
- Click the image on the frontend.
Technical Note: It seems that the animation-fill-mode: both or the container’s CSS applied by the plugin conflicts with the Interactivity API’s lightbox logic, especially when the .hide class is toggled.
Could you please look into a fix to ensure animations don’t break the core lightbox functionality?
Best regards.
You must be logged in to reply to this topic.