●現象

スキン「SILK」適用時、「テーブル」ブロックや「段落」ブロックに配置「全幅（.alignfull）」を設定すると、要素が親要素を突き抜けて画面外にはみ出し、先頭の文字が欠ける現象が発生する。

●ブロック

<!-- wp:cocoon-blocks/blank-box-1 -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box"><!-- wp:table {"hasFixedLayout":false,"align":"wide","borderColor":"vivid-cyan-blue"} -->
<figure class="wp-block-table alignwide"><table class="has-border-color has-vivid-cyan-blue-border-color"><tbody><tr><td>人数</td><td>1名</td><td>2名</td><td>3名</td><td>4名</td><td>5名</td></tr><tr><td>金額/<br>人</td><td>15,000円</td><td>8,000円</td><td>6,000円</td><td>5,000円</td><td>4,000円</td></tr><tr><td>合計</td><td>15,000円</td><td>16,000円</td><td>18,000円</td><td>20,000円</td><td>20,000円</td></tr></tbody></table></figure>
<!-- /wp:table --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->

<!-- wp:paragraph {"align":"full"} -->
<p class="alignfull">あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
<!-- /wp:paragraph -->

●原因

「SILK」では、全幅表示を実現するために 100vw（ビューポート幅）を基準にした引き算を行っている。
しかし、100vw は「縦スクロールバーの幅」を含んだサイズであるため、スクロールバーが表示されている環境では、その幅の分だけ画面右側にはみ出し、結果として左右のバランスが崩れて文字欠けを引き起こす。

https://github.com/xserver-inc/cocoon/blob/ea5d54c138bd2862f7a12dbfb21c756acbc07313/skins/silk/functions.php#L875-L881

●対策

本現象は仕様に起因するため、該当ブロックに「全幅」を設定しないことで回避可能。
そのため、今回はスキン側の直接的なコード修正は見送り、現状のままとする。

●補足

以下に、marginによる全幅制御とカスタムプロパティを用いたスクロールバー幅の自動相殺を行う案を示す。

@property --scrollbar {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px; 
}

html {
  container-type: inline-size;
}

/* スクロールバーの幅取得 */
body {
  --scrollbar: calc(100vw - 100cqw);
}

.alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(var(--scrollbar) / 2);
  padding-right: calc(var(--scrollbar) / 2);
}