モーダル・メニュー・ドロワーを開いた状態でキャプチャすると、編集画面では最前面レイヤーしか クリック選択できず、背面のテキストが編集できない。ブロッカーの実装パターンごとにページを 分けてある。各ページの背面には ★背面ターゲット で始まるテキストがあり、 編集画面でこれをクリック選択してテキスト編集できれば OK。
| ページ | ブロッカーの実装 | 覆う範囲 |
|---|---|---|
| library_modal.html | <body> の pointer-events: none + 全画面 backdrop + 全画面 positioner（Chakra v3 / Ark / Radix 系） |
全画面 |
| dropdown.html | 展開中のドロップダウンメニュー（position: absolute） |
部分（画面の一部） |
| drawer.html | 右サイドドロワー（幅40%・scrim 無し）と上部の固定お知らせバー | 部分（画面の40% / 帯状） |
| absolute_overlay.html | 全面オーバーレイだが position: absolute（ページ全体の高さを覆う） |
全画面（ビューポート高さ超） |
| pointer_events_wrapper.html | #root に pointer-events: none（body ではない）。全画面 backdrop 無し |
なし（不活性化のみ） |
| inert_shadow.html | inert 属性（light DOM の section と Shadow DOM 内の div の2か所） |
なし（不活性化のみ） |