search

pixelgrade / nova-blocks

A collection of design-driven WordPress editor blocks committed to making your site shine like a newborn star 💫
https://pixelgrade.com/plugins/nova-blocks/
GNU General Public License v3.0
65 stars 4 forks source link

Cards Collection block: Masonry layout preview doesn't work in the Editor #400

Closed andreiungurianu closed 2 years ago

andreiungurianu commented 2 years ago

When I add a simple Cards Collection block (that does not live inside the Query Loop block) and choose the Masonry layout, the images show one below each other in the editor. They show up in a grid on the live website. (Keep in mind that, for the Masonry layout to work, the Image Container Editing option must be disabled from Space and Sizing - Settings).

https://user-images.githubusercontent.com/53944294/175324806-ddaa1e0c-7dde-4c64-823a-2dcdbf62f765.mp4

andreiungurianu commented 2 years ago

Although it does not crash the block anymore, I noticed a few things while testing:

  1. Enabling the Masonry Option does nothing at first because it no longer automaticaly disables the Image Container Editing from Space and Sizing - Settings.

  2. After I manualy disable the Image Container Editing option, the masonry layout seems to work only on the live website but not in the editor.

https://user-images.githubusercontent.com/53944294/179753077-6216d89b-6f16-40f2-afb4-bf7a2e490381.mp4