[Bug] Elements Distort and Rescale Upon Upward Scroll in Staggered Grid

[Julrob199]

When I scroll up, there are some glitches in the grid of elements (they start to jump somehow or change size). It does just appear when scrolling up (not scrolling down).

Version: 0.13.5
Phone: Fairphone 3, Lineage 22

See the video, when I scroll down, everything is fine. But scrolling up creates glitches in the grid view. You can also test this, when scrolling up minimal up and down, while keeping the finger on the screen and minimal wiggeling up and down.

It looks like the grid view is kind of "rebuild" everytime I scroll up:

screen-20250718-07461223.mp4

[sakethpathike]

The reason this is happening is that the image's width and height are rendered while you are scrolling, so it adjusts in real-time. Since we cannot predict the height and width before they are rendered, a direct solution doesn't exist.

This is also the only reason you notice this in the Staggered View layout, because other layouts have fixed image dimensions.

BUT I think this can be solved if we save the dimensions as soon as a link is saved, so I'll give this a try and will update you once I find a possible fix.

[sakethpathike]

It looks like the grid view is kind of "rebuilt" every time I scroll up

It also happens when you scroll down; it's just that rendering doesn't bother the elements that are on top of the rendering, so you don't notice this bug/glitch, but as soon as you scroll up, the above items are rendered with respect to the already rendered items below.

So if the above elements, which are rendering, are setting their height and width, it also impacts the items below because the above elements force render their size, so the elements below have to push below or above based on the size of the elements that are being rendered.

[Julrob199]

@sakethpathike: Then decide if you want to leave this issue open or closed.

So I will change the view layout to a fixed one, this is a good workaround. I did not know this was due to the setting.