Browser: Chrome 110 OS: Windows 10 Pro, Version 22H2 URL: https://staging.valon-hasani.de Video: Short screen recording that illustrates this issue (free tool: jam.dev)
After talking to my client I now want to move my Elementor site to Bricks which is why IĀ“m currently recreating an existing client site in Bricks.
One thing first:
I know exactly that Elementor has pretty much the same bug and many users have already reported that on github. I know that this doesnĀ“t have to mean anything cause itĀ“s a different builder but I found it actually quite interesting that 2 completely different builders have the exact same problem. The link to the Elementor github thread is:
IĀ“m not sure if this maybe helps you figure out whatĀ“s happening.
But back to the problem in Bricks:
On the page IĀ“m working on I have āTabs (Nestable)ā and in each tab thereĀ“s an āImage Galleryā with images. The layout for every Image Gallery is set to Masonry. When I set the layout to āMetroā for example I didnĀ“t have these problems so far.
With this setup, when you click between the different tabs and Galleries and maybe even open an image from a gallery in the lightbox and then switch to a different tab, at some point youĀ“ll get problems with the masonry layout:
As you can see here for example, the images donĀ“t load correctly and the top image overlaps the bottom one. If you reload the entire page, it works for a while but once you start āinteractingā with the tabs and the Image Galleries the problem comes back.
This Image Gallery in this tab contains 15 images but most of them are apparently overlapping.
I hope this can be fixed soon . Coming from Elementor where I had pretty much the exact same problem itĀ“s very frustrating to now have that problem in Bricks, too.
@timmse do you maybe know something about this and if this should be solved with 1.9.9? Not sure why itĀ“s not working for me.
IĀ“d love to keep my client updated about his new site and whether or not I can put it live now that pretty much everything else is recreated with Bricks.
I canāt see any issue on your website. The masonry layout loads fine on first load and recalculates/rearranges when changing tabs or the viewport width.
I guess it will be more of a caching/optimization problem. Presumably, old JS/CSS is still loaded, so the fix implemented in 1.9.9 is not available.
When you say that you canĀ“t see any issue on my website, does that mean you couldnĀ“t replicate the bug with the images and everything is working as it should for you?
IĀ“ve already tried with Edge instead of Chrome but Edge also produces that weird bug. Then I emptied my cache and I used the āRegenerate CSS filesā in Bricks under āSettingsā ā āGeneralā ā āCustom breakpointsā but itĀ“s still not working.
And with the āold JS/CSS is still loadedā: IĀ“m not sure where that should come from. The staging was setup 3 days ago and I downloaded the latest version of Bricks from https://my.bricksbuilder.io/.
Best regards and thanks already for your help!
Edit:
I just asked a friend to check if he gets the same bug and he checked it with his Desktop PC and his company laptop and on both devices he gets the same bug that I get with the overlapping images.
Could you please send us the admin credential details to your staging so we can test a potential fix? (help@bricksbuilder.io)
Please grant us the rights to the Theme editor as well.
thanks for your response! I just set the admin credentials for you with administrator permissions, so you should have the rights to the Theme editor as well.
I guess you shouldĀ“ve received a mail with the credentials by now. If not, please let me know. Then IĀ“d send them to you āmanuallyā
Hey @itchycode
I just tested the Tabs + Image Galleries on my own PC, Laptop and Smartphone and I also asked a friend to test it on his PC and it looks like itĀ“s working now!
. Coming from Elementor where I had pretty much the exact same problem itĀ“s very frustrating to now have that problem in Bricks, too.
ThatĀ“s great to hear!
