-
Notifications
You must be signed in to change notification settings - Fork 1.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
🔗 🐞 Bug Report: Masonry Layout does not work when Load More pagination is active in the Loop Grid (Related to #24187) - [ED-12229] #23684
Comments
Hello @IlPizza79! Thank you for submitting your issue! 🙏 Please allow us some time to investigate it, and get back to you with our findings. 🧐 Best regards |
I'm running into the same issue. The first section of posts loads as expected. Then when loading more posts every new row of posts is aligned by the top, leaving weird gaps in-between posts. Related, the masonry mode doesn't consider the height of posts and the amount of space available in any column: If all the landscape oriented posts randomly end up in the same column there's going to be a huge empty section on the bottom of that column where the other columns still have content because the portrait orientated posts take up more space. This makes the malfunctioning infinite scroll in masonry layout look even worse; as the page may load with one column missing a lot of content, then suddenly starting new rows in a now horizontally aligned layout. |
Issue is still occuring, should I roll back to a previous version? Did this work in previous versions? |
Any news on this issue? It looks like it's still happening. |
I switched to Unlimited Elements, they have a working solution, if you REAALLY need it |
Same issue here. Masonry is not working at all. |
Same here, not working |
A working solution implies that subsequent posts need to be added below the shortest column, just like in masonry.js, and adapt reactively. If they try to just append one on each column but images may have different aspect ratios it is going to look very ugly |
I'm also facing this, is there any way to restart the script that calculates the negative margin? I can't find the documentation. |
I can confirm this issue persists with Loop Grid even inside a regular parent flex container (the loop item is composed by only a parent container with a Gallery widget also set to masonry; if the the Gallery widget is not set to masonry, the Loop Grid masonry works fine). |
Same problem here. The loop widget really doesn't work well if you want to use the "load more" functionality. For my part I have two important bugs:
|
Any news regarding this issue? It's been 7 months since this bug is reported. |
Same issue here. |
Here the masonry doesn't even load at first, I have to zoom in/out in or for the JS to activate. |
+1 |
Hi guys, I see you have responded to the issue by saying: "Please allow us some time to investigate it and get back to you with our findings". By "some time" did you mean 7 months? Or More? (I'm not being sarcastic, just dumbfounded) ... |
Hi guys. Just wanted to check in with you guys as I reported a site with this issue earlier in the thread and it no longer has it. I made quite a few changes since I had the issue so I can't pinpoint what (or if anything) fixed it. But just in case, the main things were: I updated wp and plugins several times (everything runs the latest versions), I switched to a different cache system, I rebuild the template of my loop grid blocks (it's exactly the same, just new files). The masonry still isn't "smart" like in some other services but it no longer leave gaps in there (sometimes briefly on loading but then it corrects to the correct spacing). I'm putting my bet on the updated plugins. |
Just check now with updated plugins + regenerated elementor scripts, cleared cache and CDN. Issue persists ... |
Sorry to hear that! If something else comes to mind that may have had an impact I'll post it. |
No response after 7 months, and the problem still exists... absurd |
absurd |
This is the last straw for me with Elementor. I'm so sick of having to work around long-standing bugs and losing money on projects as a result. |
@EmerKelly These guys keep pushing AI on us and can't even do the basics! There's a lack of intelligence before making it artificial. |
Does anyone have a solution for this issue? |
Here is another option if you need it done ASAP and probably the best one i have had so far: I am currently creating a wordpress website of [short site definition] for which I desire to make a paginated search results page using masonry JS, CSS and PHP, I can modify the child theme's files.
I did this and got an extremely well done result for free with a single prompt, you just modify the functions.php file of your child theme and paste the shortcode it gives you wherever you need it. |
Prerequisites
Description
Hi,
I've noticed some issue with Loop Grid Masonry layout and some kinds of paginations, like "Infinite scrolling" or "Load more".
Masonry layout works for the first block of paginated items, just after the page loads; but the next paginated items are NOT displayed in a masonry layout when using "Infinite scrolling" or "Load more" pagination.
Just for the record, masonry layout does works when using "numbers" or "prev/next" paginations.
When I enable Masonry layout in
Steps to reproduce
Isolating the problem
System Info
Click to reveal
The text was updated successfully, but these errors were encountered: