2026 · gutter · Safari · Chromium
2026 リモートマック公開検収：スクロールバー余白予約の二系譜対照と三歩
2026.04.21
フロント検収
8 min
00 公開検収で落ちる典型
1) 単一系譜だけで合格とし、実機で本文と固定ヘッダが横ズレする。
2) モーダル開閉でスクロール口が消え、中央寄せが左右に跳ねる。
3) 安定予約と両端予約を同時に広げ、余白だけ増えて可読幅が狭まる。
可引用： 票にビルド識別子とスクロールバー表示を明記し、同一 URL で証跡を揃える。
01 ブラウザマトリクス
検収は系譜凍結と二系譜サインオフ。リモートマックの実機サファリを短時間でも。
| 観点 | サファリ | クロミウム |
|---|---|---|
| 凍結 | 安定版主、枝を票へ。 | 安定版主、ヘッドレス別枠。 |
| 占有 | 従来とオーバーレイが混在。二通り撮影。 | 再現容易。実機とは別票。 |
02 差異表
バー分の余白の対照。宣言名はコードへ。
| 観点 | サファリ | クロミウム |
|---|---|---|
| 安定 | 跳ね抑制。モーダルは実機。 | 明快。オーバーレイ差は残る。 |
| 両端 | 余白過剰になりやすい。 | 検証容易。実機別枠。 |
可引用： 同一 URLと同一コミット識別子を証跡に含める。
03 実装ステップ
三歩を五手化。支援無しは従来 overflow のみ。
- 面： ルート限定。モーダル先行は避ける。
- 検出： 下記で無効時は足さない。
- 安定： ルートへ。長短とダイアログで撮影。
- 両端： 別チケット。過剰なら中止。
- 受入れ： 出現と消去、再読込、復帰を毎回。
- 運用： フラグ名と戻し責任を README へ。
@supports (scrollbar-gutter: stable) {
:root { scrollbar-gutter: stable; }
}
@supports not (scrollbar-gutter: stable) {
:root { }
}
<html lang="ja" class="doc-root"> … </html>
可引用： 降格は支援無しで余白操作を足さない。
04 ロールバックと監視
戻しはフラグか一ブロック削除。監視は指標と短い録画。閾値でチケット化。
可引用： 悪化連続・再現崩れ・報告集中のいずれかでオフ。
05 よくある質問
オーバーレイでも安定は
意味は残る。設定二通りで撮る。
ヘッドレスだけで
量産向き。差は実機で短く。
常時縦スクロール代替
非推奨。やむなしなら票へ理由。