特にfreeeでは「基本的にDialogを使用し、大きなコンテンツの場合のみFullScreenModalを使う」というルールがあり、 Amebaでは「ユーザーの意思決定を促す時はDialog、それ以外はSemi Modal（汎用的なモーダルウィンドウ）」と区別しています。

ページ上でモーダルを開き、スクロールして、モーダルを閉じると、通常そのページはモーダルを開いた時とは別の場所にスクロールされた状態で表示されてしまいます。そして、スクロールした状態で、モーダルを開いて閉じると、一番上にスクロールさ ...

モーダルは<dialog>要素を使用するが、<div>で実装したものでも問題ない。 構図は以下を想定する。 :hasセレクタを利用する ...