I have 3 similar tabs with slick carousels, but different content. When I move to another tab carousel becomes slim. Tab changes just by adding class hidden(display:none). Tried bootstrap tabs, the same problem. Before changing tab, after changing tab.
Example https://jsfiddle.net/vzqp5k3e/6/
Forgot to say. After slide changes carousel behave normal.
You have to destroy the slick object then reinitialize it.
$('.my-carousel').slick('destroy');
$('#myCarousel'+nbr).slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
arrows: false,
autoplay: true,
autoplaySpeed: 3000});