← トップページに戻る

焼き付き座標(キャプチャ時 px 座標の取り残し)検証ページ

キャプチャはサイトの JS が書き込んだインライン style の px 座標をそのまま保存する。 再現時はサイトの JS が動かないため、キャプチャ時と異なる画面幅で開くと、 アンカー要素だけがリフローで移動し、ポッパーやビューアが元の位置に取り残される。 各ページはキャプチャ時の幅(例: 1440px)と再現時の幅(例: 1024px / 固定幅 1920px)を変えて確認する。 各ページには再配置してはいけない「対照」要素も置いてあり、誤検出がないことも確認する。

ページ 焼き付くもの アンカーの手がかり
floating_popper.html body 直下の開いたポッパー(A1: translate3d(var(--x), var(--y), 0) / A2: translate3d(Xpx, Ypx, 0px) / A3: left・top の px) A1: aria-controls / A2: aria-describedby / A3: なし(キャプチャ時 rect の幾何関係のみ)
fixed_pane_viewer.html body 直下の position: fixed ビューア(B1: left/top/width/height の px)と position: absolute ツールバー(B2: left/top の px) なし(重ねる先のペイン / ヘッダー行とのキャプチャ時 rect の幾何関係のみ)