dialog: отваряне като модален прозорец

Полезно е да знаеш

<dialog> представлява диалогов прозорец или подобен интерактивен компонент. Методът showModal() го отваря модално: останалото съдържание на документа става неактивно за взаимодействие. Методът show() показва немодален диалог. Това са различни режими, а не само различни имена. [1]

За потвърждение преди изтриване модалният режим може да помогне човекът да се съсредоточи върху избора. За помощен панел, който трябва да остане отворен, докато работиш с основната страница, немодалният режим може да е по-подходящ.

Дай на диалога разбираемо заглавие и ясен начин за затваряне. Провери фокуса при отваряне и връщането към задействащия контрол след затваряне. Добавянето на тъмен фон към обикновен div не възпроизвежда автоматично модалното поведение на dialog; визуалното наслагване и ограничаването на взаимодействието са отделни части от задачата.