Popover API přeskočí všechno

Celý článek

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>

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.