kenwheeler / slick

the last carousel you'll ever need
kenwheeler.github.io/slick
MIT License
28.5k stars 5.88k forks source link

Wrong container size with native lazyloading #4031

Open jakubkaderavek opened 4 years ago

jakubkaderavek commented 4 years ago

Hi,

we use native lazyloading with attr loading="lazy" in image tag. When you are on some slow network (I use for simulation slow 3G, then is slick inicializied before images are loaded a it has wrong height in div.slick-list

My settings is:

{ dots: true, cssEase: 'linear', adaptiveHeight: true, rows: 0, slidesToShow: 1, autoplaySpeed: 3000, }

There is slider (second one, not the first in top with testimonials):

https://mladypodnikatel.cz/eshop-klub

Is there any fix how can we solve this issue?

Thank you

ridculy commented 3 years ago

+1 We have the Same Problem

sushmak02 commented 3 years ago

I am facing the same issue!

HongPong commented 2 years ago

This is an issue - you may need to suppress the lazy attribute on the images as a workaround. otherwise it inits at the wrong size.

florianschieder commented 1 year ago

+1. We encounter the same problem

SteveGZr commented 1 year ago

Bump.