Il sito è stato realizzato montando nel CMS Umbraco l’implementazione di riferimento delle linee guida https://italia.github.io/ita-web-toolkit/.
Il progetto implementa dei tipi di documento generici che consentono al redattore una grande libertà di creazione e organizzazione dei contenuti.
Uhhmmmm… ovviamente è un bug, ma più generico: il megamenu non funziona con Safari (nemmeno su Mac, se non altro sarà più facile da debuggare).
Adesso vediamo.
Uhhmm… il modello IWT si comporta in modo ancora diverso diverso: su un iPad vero si apre (almeno mi pare), mentre su Safari su Mac manda al link collegato al “primo livello”.
proverei levando i link alle voci di primo livello (es. /it/gallerie). le voci di primo livello nel caso specifico sono infatti dei ‘bottoni’ che dovrebbero limitarsi a causare l’aperura dei sotto-menu e non avere un href valorizzato (altrimenti cliccandoci sopra vengo diretto alla pagina a cui linkano).
Ho capito,
io l’ho riscritto tutto in bootstrap, pertanto non ho gli stessi problemi.
La soluzione più banale potrebbe essere quella di Danilo Spinelli, di togliere i link dal primo livello.
Prova e facci sapere.
Un’altra soluzione può essere di recuperare il clic sul link con javascript con la funzione preventDefault();
A questo punto, hai praticamente disabilitato il clic sul link ipertestuale, potrebbe funzionare il menu.
Non conoscendo il codice esatto del toolkit che manovra il dropdown non saprei dirti altro.
Mettendo mano al codice del megenu ci sarebbe da correggere un altro problema, ovvero che non si chiude quando perde il focus da tastiera: se navighi con la tastiera e, a suon di tab, esci dal menù, questo rimane aperto, di fatto violando la L.4/2004.
Noi avevamo messo una pezza che si è persa nei vari aggiornamenti, devo rimettercela.
E’ uno scenario un po’ patologico, e forse più che nel megamenu il problema è nel menu hamburger…
Se navighi da tastiera con il menù hamburger (qui sta la patologia), quando selezioni l’hamburger e dai invio, correttamente si apre, ma quando continui a scorrere i link, alla fine esci dal menu e “finisci” nel resto della pagina, che però è oscurata dal menu…
Bisogna che il menu si chiuda quando il focus raggiunge dei link esterni al menu, altrimenti la navigazione da tastiera risulta impedita.
Beh, questa è una pezza, non una soluzione
Abbiamo anche messo un’altra pezza per fare in modo che il megamenu funzioni con l’header fisso… (nel toolkit se abiliti l’header fisso col megamenu si mangia un pezzo al caricamento della pagina, immagino sia il motivo per cui non è abilitato di default).
E’ il cosiddetto Web Toolkit, l’implementazione di riferimento delle Linee Guida.
Lo trovi qui: https://github.com/italia/design-web-toolkit.
Il sito Coesione Territoriale e Mezzogiorno è fatto con un CMS (Umbraco) su cui abbiamo montato il codice HTML del Toolkit così com’è.
Lo stesso “tema”, poi, lo abbiamo riusato in moltissimi siti di Mnistri senza portafoglio e strutture varie.
in generale (e nel caso specifico) è possibile condividere la soluzione facendo un pull request su GitHub 