tee-talog https://blog.hatena.ne.jp/tee-talog/ ひびのログ https://www.tee-talog.com/ JavaScript Vue.js 使いやすい（個人の感想）（人による） 考えたこと せっかく <dialog> があるので使いたい props に boolean を渡したらダイアログが開閉する もちろんモーダルで テキストだけ設定すれば使えるようにしたい フォームなどを表示できるように slot も渡せるようにしたい OK とキャンセルのボタンを入れ替え可能にしたい dialog 要素について developer.mozilla.org いい感じに背景が暗くなる しかも backdrop 疑似要素としてカスタマイズできる 勝手に一番手前に表示される ESC で閉じられる アクセシビリティ対応が最初から結構できている コード＆… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.tee-talog.com%2Fentry%2F2024%2F01%2F17%2F215617" title="Vue.js + dialog 要素で使いやすいモーダルダイアログ - ひびのログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2024-01-17 21:56:17 rich https://www.tee-talog.com/entry/2024/01/17/215617 1.0 100%