redpotatoさん、こんにちは。
少なくとも当方の WordPress サイトでは発生していないので、環境の問題かと思われます。
テーマをデフォルトに戻しても同じ現象が発生するか確認されてみてください。
ご参考になれば。
shokun0803さん、ご返答ありがとうございます。
現在、テーマはlightningを使っているので
ほかのテーマで同じ現象が起きるか確認してみます。
ありがとうございました。
不具合の検証を行ってみたので報告します。
【環境】
Wordpress 6.0
Apache 2.4.43
PHP 7.4.1
DB MySQL 5.7.28
Windows 10
Chrome 102.0.5005.115
テーマTwenty Twentyを使用し新規で作成しました。
症状としては<div>のclassを指定し、display:none;を適用すると
ブラウザのページ印刷を行った際にページ枚数が膨大になりました。
サンプルHTML(ブロックエディター使用)
※自動で記述されるコメントは省いています。
——————————————————
1: <p class=”text_01″>あいうえお</p>
2:
3: <div class=”wp-block-columns”>
4: <div class=”wp-block-column text_02″>
5: <p>かきくけこ</p>
6: <p>さしすせそ</p>
7: <p>たちつてと</p>
8: </div>
9: </div>
——————————————————
外観＞カスタマイズの追加CSSにdisplay:none;を記述します。
1行目の<p>をdisplay:none;で非表示にするのは問題ありませんが
4行目の<div>をdisplay:none;で非表示にすると印刷枚数の不具合が発生しました。
問題が発生している実際のURLを共有いただくと、
状況がより分かりやすくなるかな、と思います。
Chrome (chromium 系) ブラウザの Flexbox の不具合のようです。
https://bugs.chromium.org/p/chromium/issues/detail?id=640187
WordPress 6.0よりカラムブロックの Flexbox に gap が追加されたことにより発生するようになったようです。gap なし (gap:0) では起きないようです。
https://github.com/WordPress/gutenberg/pull/41098
@ounziw さん
ご返信ありがとうございます。
企業HPなのでURLの公開は差し控えさせていただきます。
申し訳ございません。
@ishitaka さん
ご返信ありがとうございます。
クローム自体の不具合もあるのですね。
Wordpressの修正、アップデートを待とうと思います。
