一発で直せる。
バグという仕様
display:flex;とかdisplay:grid;とかでレイアウトを組んだ中にslick.jsを入れると壊れることがある。
スライド要素を格納してる.slick-trackの幅が、absoluteを無視してページ自体に影響してるっぽい。多分。
使い方によってはそういう事が起きる。起きないこともある。どちらにせよごく一般的な組み方をしてるにも関わらず、って感じなので、なっちゃったらどうしようもない。そんな感じ。
対策
これ。
*{
min-height: 0;
min-width : 0;
}
slick.jsが生成する内容だけが原因でないらしく、だから全体に掛かるようにする。
逆に之が悪影響するケースは今のところ巡り合ったことがないので、リスクはないはず。
コメント