Perché un clic fuori chiude il pannello del tuo sito

Un clic fuori dal pannello lo chiude solo se quel pannello è impostato per chiudersi da solo. L'11 novembre 2026 ho letto la sezione dello standard HTML che descrive questi pannelli e ho ripetuto la prova in Chrome 157.0.8103.50, su una pagina locale, un caso alla volta.

Tre parole, tre comportamenti

L'attributo popover è globale. Con l'attributo presente, l'elemento resta non disegnato finché non viene mostrato, e a quel punto sta sopra il resto della pagina. Lo standard elenca tre parole. Auto chiude gli altri pannelli automatici quando si apre, accetta la chiusura leggera e risponde alle richieste di chiusura. Manual non chiude gli altri, non accetta la chiusura leggera e non risponde alle richieste di chiusura. Hint chiude gli altri hint, lascia aperti gli auto, e accetta comunque la chiusura leggera. La chiusura leggera, nella sezione sullo stesso capitolo, è il clic fuori da un pannello che sia auto o hint.

Se l'attributo manca, il pannello non c'è. Se il valore è vuoto, lo stato è auto. Se il valore non è una delle parole previste, lo stato è manual. Un bottone può nominare l'id del pannello con popovertarget. Senza un'azione esplicita, il comportamento predefinito è alternare apertura e chiusura. Le parole show e hide forzano un verso solo. L'id deve appartenere a un elemento che ha l'attributo, nello stesso albero del bottone.

La prova in Chrome 157

Sulla pagina locale, un div con popover="auto" si apriva e risultava segnato come aperto. Un clic su un bottone esterno lo chiudeva. Anche il tasto Escape lo chiudeva. Lo stesso div con popover="manual" restava aperto dopo il clic esterno e dopo Escape.

Un attributo popover lasciato vuoto veniva letto come auto e si chiudeva con il clic e con Escape. popover="hint" restava hint e si chiudeva allo stesso modo. popover="xyz" veniva letto come manual e restava aperto, sia al clic sia a Escape. Un div senza l'attributo, alla chiamata showPopover, lanciava NotSupportedError. Il messaggio era: Failed to execute 'showPopover' on 'HTMLElement': Not supported on elements that are not popovers.

Il clic esterno era pressione e rilascio sullo stesso bottone, fuori dal pannello. Non ho provato una pressione che inizia dentro e finisce fuori: in quel caso lo standard non chiude. Non ho provato Firefox, Safari, pannelli annidati, né l'annullamento dell'evento beforetoggle. La prova riguarda Chrome 157.0.8103.50 l'11 novembre 2026, su un file locale, non su un sito pubblicato.

Se il pannello non compare affatto

Qui il pannello si vede, e poi si chiude oppure resta. Se invece dovrebbe arrivare da una libreria importata per nome e il browser non chiede il file, la domanda è un'altra, in Perché il browser non trova la libreria importata per nome.

L'immagine di copertina, sulla scheda Wikimedia, è di Sa'Adat-E-Zubaire, scatto del 23 novembre 2025, licenza CC0. È la tastiera di un portatile. Non è un pannello e non è la prova dell'11 novembre.