[slick.js]バグってページ幅がめっちゃ長くなった場合の対処法

一発で直せる。

バグという仕様

display:flex;とかdisplay:grid;とかでレイアウトを組んだ中にslick.jsを入れると壊れることがある。

スライド要素を格納してる.slick-trackの幅が、absoluteを無視してページ自体に影響してるっぽい。多分。

使い方によってはそういう事が起きる。起きないこともある。どちらにせよごく一般的な組み方をしてるにも関わらず、って感じなので、なっちゃったらどうしようもない。そんな感じ。

対策

これ。

*{
    min-height: 0;
    min-width : 0;
}

slick.jsが生成する内容だけが原因でないらしく、だから全体に掛かるようにする。

逆に之が悪影響するケースは今のところ巡り合ったことがないので、リスクはないはず。

コメント

タイトルとURLをコピーしました