Potřebujete uživatelovu pozornost? Spusťte popover. Aktuální podpora v prohlížečích je dostatečná a použití je snadné.

<button popovertarget="mypopover">Toggle Popover</button>
<div id="mypopover" popover>Popover Content</div>Code language: HTML, XML (xml)

Popover se hodí, když potřebujete uživateli ukázat nějaký obsah (zprávu), která má překrýt všechny vrstvy stránky. V něčem se podobá použití <dialog>, popover ale není modální, nezabraňuje uživateli v interakci se zbytkem stránky, pouze upotá jeho pozornost.

Více se dočtete na MDN a v článku Popover API is Here.