Link to a page where the issue can be seen: hidden link
I expected to see:
The listings with some padding around each.
Instead, I got:
Several listings are overlapping on the bottom covering up the important details. When I refresh the page, this problem gets fixed, however my website users won't know to do the same and of course it is very inconvenient. I've seen this 'bug' ever since I began using Toolset, but I haven't reported it until now.
Hello. Thank you for contacting the Toolset support.
I tried to load the page you shared but I do not see any listing is overlapping each other. Can you please tell me what browser you were using and what exact steps I will require to follow to see the issue?
Both Firefox and Chrome (both with latest updates) are showing this problem. Safari is not however.
No special steps needed, I simply load any page where a Toolset view is in operation, and my listings are crowding eachother, typically near the bottom of the list.
Hmmm, I might be wrong about the cache being the issue. The main problem is upon first load of pages using the toolset view, this 'crowding' occurs and listing details get obscured/hidden.
Yes, when I hit the 'clear cache' button the page reloads and the problem is fixed. But when I go into incognito mode and load the page the problem persists. When I act as a new user from other devices using Chrome and Firefox, the problem persists. Thankfully when using Safari there is no issue. But this leads me to think something in Toolset needs to be fixed to work properly with all the major browsers.
Please help,
This issue is still not resolved, and it is not just this one website using Toolset where this problem is seen.
I also have this site with the same issue: hidden link
As I was not able to debut it on the test site you shared, I've installed the ALL in One WP Migration plugin and I have installed in on my local machine. Still this works sometimes, I will try to dig it bit deeper and get in touch with you as soon as possible.
It seems that there is a conflict between lazy-load images and masonry grid layout. The thing is that you are using masonry layout to display the grid and it requires JS to calculate the positions.
Masonry grid layout can't calculate the correct heights when the images haven't been loaded yet. Scroll down the page, the images get loaded, and then something like opening the dev tools triggers recalculating the positions, which fixed it automatically or if you refresh the page.
To ensure that it's the conflict between lazy-load image and masonry grid layout, what if you try to add the following line of code to your current theme's functions.php file:
