# Www.coesionemezzogiorno.it

**URL:** <https://forum.italia.it/t/www-coesionemezzogiorno-it/761>\
**Category:** Esempi di applicazione delle linee guida\
**Created:** [12 Luglio 2017, 11:37am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761 "2017-07-12T11:37:41Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![metsessantaset](https://forum.italia.it/user_avatar/forum.italia.it/metsessantaset/32/166_2.png) [@metsessantaset](https://forum.italia.it/u/metsessantaset)\
**Post date:** [12 Luglio 2017, 11:37am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/1 "2017-07-12T11:37:41Z")

</div>

- Titolo - Ministro per la Coesione territoriale e il Mezzogiorno
- URL - [http://www.coesionemezzogiorno.it/](http://www.coesionemezzogiorno.it/)
- Descrizione - Il sito istituzionale del Ministro per la Coesione Territoriale e il Mezzogiorno
- Data del lancio - 21 giugno 2017
- Stato di avanzamento - “Lavori in corso” 😆
- Realizzazione - Risorse interne  
 ![](https://forum.italia.it/uploads/default/original/1X/486e410e230ee3745b03e505b2904366817eb670.jpg)

Il sito è stato realizzato montando nel [CMS Umbraco](https://our.umbraco.org/) l’implementazione di riferimento delle linee guida [https://italia.github.io/ita-web-toolkit/](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.

---

<div class="post-metadata">

**Author:** ![Emanuele](https://forum.italia.it/user_avatar/forum.italia.it/emanuele/32/288_2.png) [@Emanuele](https://forum.italia.it/u/Emanuele)\
**Post date:** [20 Luglio 2017, 5:32pm UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/2 "2017-07-20T17:32:02Z")

</div>

Ciao, complimenti innanzitutto.  
Ti volevo fare una nota. Da iPad, noto che i mega menu non si espandono. Non so se sia una cosa voluta o meno.

Ciao, Emanuele…

---

<div class="post-metadata">

**Author:** ![metsessantaset](https://forum.italia.it/user_avatar/forum.italia.it/metsessantaset/32/166_2.png) [@metsessantaset](https://forum.italia.it/u/metsessantaset)\
**Post date:** [21 Luglio 2017, 6:35am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/3 "2017-07-21T06:35:07Z")

</div>

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.

Grazie,

Marco

---

<div class="post-metadata">

**Author:** ![metsessantaset](https://forum.italia.it/user_avatar/forum.italia.it/metsessantaset/32/166_2.png) [@metsessantaset](https://forum.italia.it/u/metsessantaset)\
**Post date:** [21 Luglio 2017, 6:41am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/4 "2017-07-21T06:41:07Z")

</div>

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”.

> <https://github.com/italia/design-web-toolkit/issues/95>
>
> Buongiorno, ho notato un'anomalia di comportamento all'interno del componente megamenù in safari(10.1.1).
> In pratica:
> testando su chrome se viene schiacciato un link del...

---

<div class="post-metadata">

**Author:** ![Emanuele](https://forum.italia.it/user_avatar/forum.italia.it/emanuele/32/288_2.png) [@Emanuele](https://forum.italia.it/u/Emanuele)\
**Post date:** [21 Luglio 2017, 6:54am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/5 "2017-07-21T06:54:00Z")

</div>

Non c’è bootstrap li dietro ne no?  
Hai usato proprio il web kit ufficiale o l’hai riprodotto?

---

<div class="post-metadata">

**Author:** ![gunzip](https://forum.italia.it/user_avatar/forum.italia.it/gunzip/32/2064_2.png) [@gunzip](https://forum.italia.it/u/gunzip)\
**Post date:** [21 Luglio 2017, 7:15am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/6 "2017-07-21T07:15:01Z")

</div>

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).

---

<div class="post-metadata">

**Author:** ![metsessantaset](https://forum.italia.it/user_avatar/forum.italia.it/metsessantaset/32/166_2.png) [@metsessantaset](https://forum.italia.it/u/metsessantaset)\
**Post date:** [21 Luglio 2017, 9:06am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/7 "2017-07-21T09:06:06Z")

</div>

No, il toolkit non usa bootstrap… Ho montato il kit su Umbraco praticamente senza modifiche, e infatti lo stesso comportamento lo fa la pagina di esempio del kit (almeno su Mac):  
[https://italia.github.io/ita-web-toolkit/components/preview/page--megamenu.html](https://italia.github.io/ita-web-toolkit/components/preview/page--megamenu.html)

---

<div class="post-metadata">

**Author:** ![Emanuele](https://forum.italia.it/user_avatar/forum.italia.it/emanuele/32/288_2.png) [@Emanuele](https://forum.italia.it/u/Emanuele)\
**Post date:** [21 Luglio 2017, 9:17am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/8 "2017-07-21T09:17:41Z")

</div>

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.

Emanuele.

---

<div class="post-metadata">

**Author:** ![metsessantaset](https://forum.italia.it/user_avatar/forum.italia.it/metsessantaset/32/166_2.png) [@metsessantaset](https://forum.italia.it/u/metsessantaset)\
**Post date:** [21 Luglio 2017, 11:23am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/9 "2017-07-21T11:23:04Z")

</div>

Si, togliendo il link funziona, ma mi piacerebbe una soluzione più pulita…

---

<div class="post-metadata">

**Author:** ![Emanuele](https://forum.italia.it/user_avatar/forum.italia.it/emanuele/32/288_2.png) [@Emanuele](https://forum.italia.it/u/Emanuele)\
**Post date:** [21 Luglio 2017, 3:58pm UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/10 "2017-07-21T15:58:42Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![metsessantaset](https://forum.italia.it/user_avatar/forum.italia.it/metsessantaset/32/166_2.png) [@metsessantaset](https://forum.italia.it/u/metsessantaset)\
**Post date:** [22 Luglio 2017, 8:40am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/11 "2017-07-22T08:40:55Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![gunzip](https://forum.italia.it/user_avatar/forum.italia.it/gunzip/32/2064_2.png) [@gunzip](https://forum.italia.it/u/gunzip)\
**Post date:** [24 Luglio 2017, 11:47am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/12 "2017-07-24T11:47:39Z")

</div>

ciao @metsessantaset  
puoi chiarire cosa intendi con:

> [@metsessantaset](#):
>
> se navighi con la tastiera e, a suon di tab, esci dal menù, questo rimane aperto, di fatto violando la L.4/2004

---

<div class="post-metadata">

**Author:** ![metsessantaset](https://forum.italia.it/user_avatar/forum.italia.it/metsessantaset/32/166_2.png) [@metsessantaset](https://forum.italia.it/u/metsessantaset)\
**Post date:** [24 Luglio 2017, 1:06pm UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/13 "2017-07-24T13:06:24Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![metsessantaset](https://forum.italia.it/user_avatar/forum.italia.it/metsessantaset/32/166_2.png) [@metsessantaset](https://forum.italia.it/u/metsessantaset)\
**Post date:** [25 Luglio 2017, 9:17am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/14 "2017-07-25T09:17:15Z")

</div>

Adesso abbiamo rimesso la pezza che risolve il problema: c’è un evento che scatta al focusin() sulla div #main e chiude il menu…

---

<div class="post-metadata">

**Author:** ![gunzip](https://forum.italia.it/user_avatar/forum.italia.it/gunzip/32/2064_2.png) [@gunzip](https://forum.italia.it/u/gunzip)\
**Post date:** [25 Luglio 2017, 9:20am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/15 "2017-07-25T09:20:05Z")

</div>

ottimo 🙂 in generale (e nel caso specifico) è possibile condividere la soluzione facendo un pull request su GitHub [https://github.com/italia/ita-web-toolkit](https://github.com/italia/ita-web-toolkit)

---

<div class="post-metadata">

**Author:** ![metsessantaset](https://forum.italia.it/user_avatar/forum.italia.it/metsessantaset/32/166_2.png) [@metsessantaset](https://forum.italia.it/u/metsessantaset)\
**Post date:** [25 Luglio 2017, 9:51am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/16 "2017-07-25T09:51:37Z")

</div>

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).

---

<div class="post-metadata">

**Author:** ![Andi\_Rodi](https://forum.italia.it/letter_avatar_proxy/v4/letter/a/2acd7d/32.png) [@Andi\_Rodi](https://forum.italia.it/u/Andi_Rodi)\
**Post date:** [3 Luglio 2018, 8:59am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/17 "2018-07-03T08:59:13Z")

</div>

quale intendi per web kit ufficiale?

---

<div class="post-metadata">

**Author:** ![metsessantaset](https://forum.italia.it/user_avatar/forum.italia.it/metsessantaset/32/166_2.png) [@metsessantaset](https://forum.italia.it/u/metsessantaset)\
**Post date:** [4 Luglio 2018, 8:13am UTC](https://forum.italia.it/t/www-coesionemezzogiorno-it/761/18 "2018-07-04T08:13:32Z")

</div>

E’ il cosiddetto Web Toolkit, l’implementazione di riferimento delle Linee Guida.  
Lo trovi qui: [https://github.com/italia/design-web-toolkit](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.
