Skip to content
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

Lazy loaded images break isotope calculated layout #94

Open
pajowu opened this issue May 7, 2020 · 0 comments
Open

Lazy loaded images break isotope calculated layout #94

pajowu opened this issue May 7, 2020 · 0 comments

Comments

@pajowu
Copy link
Member

pajowu commented May 7, 2020

On the projects page (and possibly others) all images have loading="lazy" set.
Isotope calculated the layout after the page is loaded (and 1 second and 5 seconds after that).
Because the img tags do not have a height set and are lazy loaded, their height is assumed 0.
When the user scrolls down, the images are loaded but the layout is not recalculated by isotope, leading to results like the following:

2020-05-07-171428_979x651_scrot
2020-05-07-171347_1814x944_scrot

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant