Element Grid displaying images in wrong order and misaligned

[MWPA]

Since yesterday, after duplicating a series of images on a project page on one of my client’s websites, I’ve been experiencing several issues with the “Element Grid” module.

The order of the images in the grid no longer matches the order shown in the list on the left side.

In addition, the last images are displayed with incorrect alignment. Depending on the screen size, they either align to the far right or appear randomly distributed across the four-column layout. The order of the images also seems to be changing unexpectedly.

Does anyone have an idea what might be causing this? Everything was working perfectly before, and no updates have been performed.

Here is the URL:

https://vandersalm-architecten.nl/project/huys-vogelweyde/

Some screenshots:

[arminunruh]

hey this is because of "layout type masonry"

can you change this to a different one

[arminunruh]

masonry is for this type of layout:
https://masonry.desandro.com/

if all elements are the same aspect ratio it can get confused i guess

[MWPA]

That is quite strange, because on all the other 23 projects it has always worked perfectly with the exact same settings.

For example, here we deliberately chose the masonry layout and it works as expected:

https://vandersalm-architecten.nl/project/rijksmonument-havelte/

[MWPA]

Here is an example, on a page where all elements have the same aspect ratio, and the masonry layout is also working correctly:

https://vandersalm-architecten.nl/project/woonensemble-homeruskwartier/

[arminunruh]

hello!

ok, but did you try my suggestion and did it fix the issue?
i cant change how masonry works :/, its a quite complicated library.

not sure why it would work for some of your elementgrids and for this one not.