Post row “snap”

  • Resolved oslaferbmon

    (@oslaferbmon)


    3 years, 10 months ago

    Hi; first of all, absolutely outstanding theme. I thoroughly enjoy your work, Mr. Norén.

    I’ve recently noticed a little animation “snapping” artifact happening to the posts below the first row (not always but often enough): just as the easing animation ends, the posts “snap up” to their final position. Is this something that could be fixed without much hassle?

    The artifact is pretty easy to trigger using Chrome or Firefox by refreshing or hard-refreshing the page, but also happens on some first loads. I first noticed it on my local env while working on a child theme, but it can be observed on the demo over at https://andersnoren.se/themes/eksell/ as well.

    Here’s a GIF capturing the artifact in the wild (recorded from the demo page).

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @oslaferbmon,

    Glad you like it!

    I can’t recreate the issue you’re having, in Chrome or Firefox on Safari, but I don’t doubt that you’re having it. Getting reliable Masonry behavior across all sites and browsers is pretty tricky business.

    I think the issue you’re having could be resolved by using imagesLoaded to not layout the grid until all images have been fully loaded. Unfortunately, I had to replace the original imagesLoaded solution in Eksell due to most image lazyloading plugins not working with imagesLoaded, resulting in broken layouts for users running those plugins. When Eksell does instead is that it checks the layout of the grid every second, until all posts have been arranged into the grid. What you’re seeing is probably Masonry making a small adjustment to the layout when one of those grid refreshes are triggered.

    I’ll take another look at the grid solution in Eksell at some point to see if I can find a more reliable approach, but it might be a while.

    — Anders

    Thread Starter oslaferbmon

    (@oslaferbmon)

    Thanks! It really isn’t that big a deal at all, it just managed to catch my eye for a while; but if it gets smoothed over eventually, I won’t mind either ????

    • This reply was modified 3 years, 10 months ago by oslaferbmon. Reason: phrasing
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Post row “snap”’ is closed to new replies.