サポート » バグ報告と提案 » 均等割でないカラムブロックでカラム落ち

  • 解決済 thamrin0

    (@thamrin0)


    ブロックエディタのカラムブロックで、1/3と2/3など均等割でない場合に、画面幅600-781pxで表示するとカラム落ちします。

    WordPress バージョン 5.3.2–ja

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • thamrin0

    (@thamrin0)

    補足します。

    均等割でない場合、カラム間のマージン分が計算されていないため、Widthが100%を超えています。

    公式テーマ、その他テーマいずれでも再現します。
    プラグインは全て停止しています。

    ishitaka

    (@ishitaka)

    こんにちは

    WordPress 5.3 (Gutenberg 6.8) のバグのようですね。issue が上がっていました。
    https://github.com/WordPress/gutenberg/issues/18416

    CSS flexbox から grid に変更するような提案もあり、しばらく時間がかかりそうな気がします。

    取り敢えず、私は下記 CSS でカラム落ちしないようにしました。参考まで。

    @media screen and (min-width: 600px) and (max-width: 781px) {
    	.wp-block-column:nth-child(2n) { margin-left: 0; }
    }
    thamrin0

    (@thamrin0)

    ありがとうございます。
    まだ仕様変更する可能性もあるのですね。しばらくはcssで対応します。

    ちなみに、私は2カラムでマージンを残しておきたかったので以下のようにしています。.wp-block-columnsだけだと上書きされるのでdiv.を追加しています。

    @media (min-width:600px) {
    div.wp-block-columns { flex-wrap:nowrap }
    }

    ただこれだと、3カラム以上の場合には、マージンがあるところとないところが出来てしまいました。ishitaka さんの方法なら、どんな場合にも対応できると思います。

    • この返信は2ヶ月前にthamrin0が編集しました。
3件の返信を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。