Зачем нужен элемент <dialog>
Хотите получить от пользователя подтверждение? Предоставляете пользователю диалог с возможностью выбора. Хотите получить информацию от пользователя? Используйте диалог с отправляемым полем ввода формы. Существует множество вариантов использования диалогов в пользовательских интерфейсах.
Можно использовать диалоги, установив в проект библиотеки JavaScript, доступные для любого фреймворка, используемого вами.
Сторонние библиотеки — это здорово, но они несут в себе дополнительные накладные расходы, которые не только добавляют сложность проекту, но и увеличивают общий размер пакета приложения.
Именно здесь на помощь приходит встроенный в браузер элемент
<dialog>. Это всё, что нужно в диалоге, и теперь, когда Safari добавил поддержку элемента <dialog>, начиная с версии 15.4, нет никаких оправданий, чтобы не использовать их в продакшене!📄 Читать статью
@dev_notes_ru