dialog要素の背面のスクロールを無効化する

<dialog>要素（モーダルダイアログ）を表示するときに注意したいのが、元の要素のスクロール。 overscroll-behaviorで対処できなくはないが、カーソルが外れるとダイアログの裏側要素がスクロールされてしまう。

そんなときのTIPS。

/* open状態のdiaog要素を持つ要素のスクロールを無効化する。 */
:has(dialog[open]) {
  overflow: hidden;
}