width: 0px on firefox only

Hi, First of all thank you for this plugin. It works perfectly well on IE 11 / Chrome / Opera.

However on Firefox the width of .slick-track and .slick-slides is very small ( 0px, 1px, 13px ) and no images is displayed. I saw some related issue but none with the solution

you can look at it on www.synchromthegame.com (sorry for the unintended publicity)

Here is my init code

        $(".synchrom-screens").slick({
          slidesToShow: 1,
          slidesToScroll: 1,
          centerPadding: "20%",
          dots: false,
          centerMode: true,
          focusOnSelect: true,
          prevArrow: "<div class='prevArrowScreen'><div class='arrow--inner'>&#9664;</div></div>",
          nextArrow: "<div class='nextArrowScreen'><div class='arrow--inner'>&#9654;</div></div>"
        });

slick 1.5.3

[morenasanta]

Hi @Baccanno To fix that issue for firefox browser you need to specify with and heigh:auto for slick-list element. Hope it helps

[simeydotme]

Since I’m a lovely fellow and don’t have the heart to just leave you hanging; 😆 type this in to your browser-console:

$(".lightbar").remove();
$(".slick-slider").slick("refresh");

😄 - _works now!_

I don’t know why, but Firefox doesn’t like your <div class="lightbar col-xs-12 col-lg-offset-1 col-lg-10"> </div> 😕

Good luck, Simon.