Problems with Kadence Blocks “Gallery (Adv)”

Thanks for reporting, I’ll investigate that!

I suppose you insert kadence blocks inside popup block?

Yes, Kadence Gallery within popup block.

1. My popup block by default sizes to content inside. Since kadence gallery uses absolute positioning of images to achieve layouts, and absolute positioned elements are rendered in a new context, whole block has zero size and therefore does not show. If you set popup width in block styles, the gallery will be shown according to set width. When gallery is shown normally in post, the size of element is already set according to theme settings for content width, wide or full width, depending on your choice of block alignment. I don’t know how to better fix that, aside that to put a warning if blocks inside don’t show properly to set popup width, because in such cases automatic sizing can’t work.
2. I guess it is again some css issue, but I don’t have Kadence Pro and in version on www.ads-software.com blocks you mentioned don’t exist. If you could debug css issue and tell me what is it, I would be happy to augment block with that “fix”.
3. I tried the other popup plugins you mentioned and experienced similar problems with kadence gallery. Light modal block by default showed only blank window (though gallery was shown when browser window is resized) – due to popup window initial size being set to 600px, but as you might see, there is no option for popup to fit content. The other, simple popup block did not show at all when only gallery was inserted.

Edit to my previous message – I tested only default masonry layout of k. gallery block. Other layouts show in other popup blocks you mentioned, but the reason for that is, like I mentioned because they give some default width to popup.

1. Suggestion: implement a fallback width (maybe according to theme settings for content width or at least a predefined value) if no block size is detectable. So the block would work also in this case out of the box – and could be refined with manual settings afterwards if necessary.
2. I don’t have Kadence Pro too. All my remarks are based on the free “Gallery (Adv)” block, which has 5 free Gallery Types to select in the block settings sidebar. You have found them.
   But the permanent display issue has nothing to do with the popup width.
3. Sorry, a loophole in my test.
   Yes, other doesn’t work with “Masonry”, but with all other Types. And without the permanent display issue. So there must be also a difference in hiding the popup content until popup activation.

1. Implementing a fallback is actually a good idea! I’ll test the width of block with javascript in front and if it is to small I’ll set a fallback width.
2. You wrote about “Carousel”, “Fluid Carousel” and “Slider” blocks, but they are not available in free version?

Kadence “Gallery (Adv)” block has 5 Gallery Types to select. The names are shown on mouseover and when a certain type is selected in block settings sidebar.

2 new findings in accordance to the here discussed topics:

A) Not to bother you, only for information you might find interesting: I discovered a plugin where linking to an HTML anchor (= ID) is the ONLY possibility for opening a popup manually: https://de.www.ads-software.com/plugins/boxzilla/#can%20i%20have%20a%20box%20open%20after%20clicking%20a%20certain%20link%20or%20button%3F

B) Merely by accident I discovered a problem with responsiveness: Using a very long word with large font-size as heading in a popup (which is not uncommon in marketing/advertising) and testing it with smaller screen-size hides parts of this word. (Which should never occur.)

To serve all screen sizes, also really small ones, I see 2 possibilities:

B1) Enable “word-wrap: break-word” (not really beautiful)

B2) Enable “overflow-x” too (also not beautiful, but I think better than B1 and it covers not only text but all elements which might not scale responsive)

Hey, thanks again for your findings, I really appreciate your findings and I feel this more as a support rather than bothering.
I am preparing new version where I fixed previous issues, i.e. scrollbar for vertically overflowing content and fix for too small popup dimensions issue when blocks inside have absolute positioning. I will publish this today. I will continue to listen to suggestions – I want to improve this block to be really useful for production sites. I am also planning to add in next iteration picker for overlay color which dims background around popup and uploader for close button.
I will also very soon publish more blocks, first to go is slider, so check occasionally on my other blocks, they will all be prefixed with makeiteasy.

I pushed a new version which will address problems because of which this thread was opened, so I am closing it. I will address long title in next version. Feel free to reopen thread if you think things are not properly resolved.

I made a test with your fix after it’s available and it worked.

But now – however (maybe other updates?) – the width autosizing is too small for Kadence “Galery (Adv)” (Grid and Carousel) as before. – And at least Grid would be important.

Test: WP 6.7 + Theme “Twenty Twenty-Four” 1.3 + Kadence Blocks 3.3.4