Popover API czy Dialog API — co wybrać?

Dwa nowoczesne interfejsy przeglądarki, dwa różne zastosowania. Zasada jest prosta: Popover API nadaje się do większości wyskakujących elementów. Dialog API — tylko do modalnych okien dialogowych.

Dialogi to po prostu podzbiór popoverów. Modal to ich najbardziej restrykcyjny wariant — wymaga tła (backdrop), a reszta strony musi być nieaktywna. Popover tego nie potrzebuje. To zresztą dobry wskaźnik: jeśli nie ma backdropa, to nie jest modal.

Popover API ma wbudowane zarządzanie focusem, automatyczne atrybuty ARIA i obsługę „light dismiss" (zamknięcie przez kliknięcie poza element) — praktycznie bez pisania JavaScriptu. Dialog API wymaga ręcznego zajęcia się tym wszystkim, choć metoda showModal() robi sporo roboty za nas, jeśli rzeczywiście potrzebujemy modala.

Warto przeczytać w całości: Popover API or Dialog API: Which to Choose? (Zell Liew)