adaptiveHeight animation makes lazy loaded slides 1px tall

I think the issue is that postSlide()—a callback invoked from animateSlide() which in turn calls animateHeight()—runs after animateHeight(); but animateHeight() should run after postSlide() because it is from postSlide() that setPosition() gets called after lazy loading a new image (and it is here that the $list’s height is set).

Notes: It doesn’t seem to happen on all browsers (confirmed on desktop Google Chrome 46.0.2490.86), and where it does, it’s not every time.

The fix below (found here) doesn’t work reliably: .slick-slide { height: auto; }

[proteo]

@GordonDrop thanks, this put me on the right track. For newcomers, this code fixes the issue for me with 1.9.0 version (which uses events):

$('.some-element').slick({
  lazyLoad: 'ondemand',
  adaptiveHeight: true,
  slidesToShow: 1,
  slidesToScroll: 1
})
.on('lazyLoaded', function(event, slick, image, imageSource) {
  slick.resize();
});

[GordonDrop]

I’ve encountered same issue. It took me a while to deal with it. My workaround:

init: function (e, slick) {
    slick.$slider.find('img').first().on('load', function () {
      $(window).trigger('resize');
    });
}