dialogタグ、edgeやsafariで動作しない。からの修正案

dialogタグの代替案

HTML5で追加されたdialogタグ。

<dialog>: ダイアログ要素 – HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/dialog

とても便利なタグではあるが、主要ブラウザのedgeやsafariで、まだ動作しないのが難点である。

chromeなどの対応ブラウザのみで開発していた場合、気付かずにリリースしてしまうと対応で慌てることに。

その時にすぐに修正できるよう、dialogタグでの実装構造そのままの代替策をメモしておく。

“dialogタグ、edgeやsafariで動作しない。からの修正案” の続きを読む