セクションのコンテンツが右側にはみ出す

早速ありがとうございます。いま追記しようとしていたのですが、

.smb-section__inner {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    max-width: 100%;
    position: relative;
}

の display: flex;　を　display: block;　等にすると問題なく表示されるようになりました。

お示しいただいた見え方だと、旧バージョン同様、問題なく表示されていますね。

セクション内に入れるものはシンプルに、画像やテキストでも発生します。一応、下記に貼り付けますね。

<!-- wp:snow-monkey-blocks/section -->
<div class="wp-block-snow-monkey-blocks-section smb-section smb-section--fit"><div class="smb-section__inner"><div class="c-container"><div class="smb-section__contents-wrapper"><div class="smb-section__body"><!-- wp:image {"id":xxx,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://～hoege.jpg" alt="" class="wp-image-xxx"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<!-- /wp:paragraph --></div></div></div></div></div>
<!-- /wp:snow-monkey-blocks/section -->

よろしくお願いいたします！

早速いろいろとお試しいただいていたのを拝見していました。ありがとうございます！

ご案内いただいたお話を踏まえて、こちらでも試してみました。

恐らく issue#1313で改善されると思うのですが、私の環境では、画像もキタジマさんの入れられた文章でもセクション幅を超えてはみ出してしまうので、その点が少し気になりますね…。※添付します。

他への影響は未確認ですが、やはり先のように　display: block;　にすると収まります。

CSSをまったく記述していないプレーンな環境2種類で確認しても同様でしたが、何か差や違いがあるのでしょうね。。

なるほど！おっしゃるとおり、通常文章のみですと大丈夫でした。

「ああああ～」でもセーフでしたが、「aaaa～」はアウトでした。
また英文も、「,」「.」がなくても単語文節や半角スペースがあれば問題なく表示されました。

実際の場面で「aaaa～」はないため、問題となることはなさそうですね。
ホッとしました。ご確認ご対応、ありがとうございました！

次アップデートで「aaa」でも大丈夫となると、段落にさしかかる文節によっては発生するかもしれない影響も潰せそうで、さらに安心ですね。日曜日にありがとうございました！閉じておきます。

♥ 1

いいねをした人: