📝

スライダー作成(Slick,Swiper)でflexboxやgridの使用は避けた方が良い

に公開

スライダー(カルーセル)を作成する時、SlickやSwiperを使うと思いますが、親要素でflexboxを使って、flexの縦方向を使用すると、SlickやSwiperの計算が狂います。
具体的には横幅が35万などの異常な数値を吐き出し、親要素を突き抜けてレイアウトを崩してしまいます。
縦方向に要素を並べたい場合はdisplay: blockを使う方が安全です。

Discussion