Chrome 37 ベータ版でリリースされたダイアログ要素

Chrome ベータ版では、[試験運用版のウェブ プラットフォーム機能を有効にする] フラグをオンにしなくても、<dialog> 要素がネイティブにサポートされるようになりました。

ライブデモで、他のサンプルコードとその仕組みをご確認ください。

前回のお知らせ以降、実装にいくつかの変更が加えられましたが、主な変更点は次のとおりです。

  • 非モーダル <dialog> がビューポートで垂直方向の中央に配置されなくなりました。デフォルトの CSS スタイル設定以外に、特別な配置動作はありません。

仕様の更新について詳しくは、こちらこちらで差分をご確認ください。