August 20, 2025 at 5:22 pm
Hello Kadence Team,
I am contacting you to report a critical layout bug in the Gallery Block that is preventing its use. The issue is severe and manifests on all devices, worsening significantly during screen resizing.
1. Core Problem:
The gallery does not render images correctly. Image edges appear cut off, and consistently, the last item in each row fails to display, completely breaking the layout structure.
2. Responsiveness and Resizing Issue:
The problem intensifies when switching between breakpoints (desktop, tablet, mobile). The grid calculation fails, resulting in misaligned and disproportionate rows. Specifically, when switching back from a mobile view to the desktop view, the images do not return to their original position or size, appearing “stretched” or “dragged” downwards, leaving empty space and a corrupted layout.
Evidence from the attached screenshots:
In the Quinceañeras galleries, the last image in the top row is consistently missing.
In the Baby Shower galleries, the severe resizing problem is evident, where images lose their proportions and fail to return to their original state after the viewport change.
What I have tested:
Browsers: The error is reproducible in Chrome, Firefox, and Safari. It is consistent across all of them.
Cache: I have cleared all cache (browser, WordPress, server). The problem persists.
Column Settings: I have adjusted the number of columns in the block settings. The error adapts, always omitting the last image in the row.
Gallery Modes: The error occurs in both Masonry mode and Grid mode.
Images: I have tried images of different dimensions and aspect ratios. The failure continues.
I look forward to your response!