I have masonry tiles which each have an image. In order for the image to update properly when I switch trips I need to have the Unique Key of the masonry defined. However, when I do this the masonry doesn’t redraw when the underlying server connect is filtered.
Filtered properly with no Unique Key (and you can see the images are wrong because I had to change to this trip and it kept images from the previously selected trip)
Not sure if it is a masonry issue, how does it react when you replace the masonry component with a repeat children component. Since all the cards are the same size you probably don’t need masonry layout and could use flex or grid layout (or columns when using bootstrap).
The cards aren’t always the same height so I do need to use the masonry.
I tested a repeat region with columns and the image problem persisted without the unique key, but the redraw of the grid worked properly so it does seem it’s an issue with the masonry not redrawing properly.
Also, I removed dynamic lazy loading from the image and that fixed the problem of the images not changing so that works as a solution for me but I think there’s still some sort of issue with the unique key causing the masonry to not redraw properly.
