# Link alle caselle delle categorie

**URL:** https://meta.discourse.org/t/category-boxes-links/137999
**Category:** Bug
**Created:** [7 Gennaio 2020, 6:51pm UTC](https://meta.discourse.org/t/category-boxes-links/137999 "2020-01-07T18:51:43Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![rogerco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rogerco/32/161338_2.png) [@rogerco](https://meta.discourse.org/u/rogerco)
#### Post date: [7 Gennaio 2020, 6:51pm UTC](https://meta.discourse.org/t/category-boxes-links/137999/1 "2020-01-07T18:51:43Z")

</div>

Questo è stato segnalato da un utente; ho verificato e quanto dice è vero.

Imposta le caselle delle categorie.

Al livello superiore, dove tutte le categorie principali appaiono in caselle e le sottocategorie sono collegate all’interno della casella, se fai clic su una sottocategoria vieni portato alla sottocategoria, mentre se fai clic in un’altra parte della casella vieni portato alla categoria genitore.  
Questo è il comportamento atteso.

Tuttavia…  
…se fai clic con il tasto destro su una sottocategoria e selezioni “apri collegamento in una nuova scheda” dal menu contestuale del browser, funziona come previsto: la scheda originale rimane invariata e la sottocategoria si apre in una nuova scheda. Fin qui, tutto bene.

Ma se usi Ctrl+Clic o Cmd+Clic, la scorciatoia standard del browser per aprire in una nuova scheda, succede qualcosa di strano.  
La sottocategoria si apre correttamente in una nuova scheda, ma la scheda originale salta alla categoria genitore.

Penso che ciò che stia accadendo sia che il div della casella abbia un’azione JQuery associata a `<div ... data-url="link alla categoria principale">` e i collegamenti alle sottocategorie siano collegamenti `<a>` convenzionali.  
Il clic con il tasto destro è gestito interamente dal browser e funziona.  
Ctrl+Clic viene intercettato dal browser per aprire il collegamento in una nuova scheda, ma il clic sinistro di base viene comunque passato a JQuery per l’elaborazione.

Una cosa simile accade se provi a farlo in una casella di categoria visualizzata all’interno di una categoria.

È possibile risolvere il problema?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [9 Gennaio 2020, 6:01pm UTC](https://meta.discourse.org/t/category-boxes-links/137999/2 "2020-01-09T18:01:44Z")

</div>

Ho già provato a risolvere il problema trasformando semplicemente il link della categoria principale in un link normale

> <https://github.com/discourse/discourse/pull/7598>
>
> previously using data-url... not sure if there's a good reason? but it's a simpl…e change

…ma non abbiamo portato a termine quella modifica perché i tag anchor annidati non sono HTML valido e causano problemi in alcuni browser.

Proverò comunque una tecnica diversa, descritta qui in dettaglio: [Nested Links Without Nesting Links](https://www.sarasoueidan.com/blog/nested-links/)

Questa soluzione consiste nell’inserire un link vuoto alla categoria principale all’interno del riquadro, quindi espandere quel link per occupare l’intero riquadro. Eventuali sottolink verrebbero quindi posizionati in un livello sovrapposto a quel link, anziché essere annidati al suo interno.

---

<div class="post-metadata">

### Author: ![rogerco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rogerco/32/161338_2.png) [@rogerco](https://meta.discourse.org/u/rogerco)
#### Post date: [9 Gennaio 2020, 6:44pm UTC](https://meta.discourse.org/t/category-boxes-links/137999/3 "2020-01-09T18:44:21Z")

</div>

È un trucco piuttosto intelligente. Sara dice:

> [@](#):
>
> Potreste aver già notato il principale limite di questa tecnica: il testo dell’estratto del post è coperto dall’elemento pseudo, rendendo il testo non selezionabile. Se provate a selezionare il testo per copiarlo, non ci riuscirete.
> 
> Questo è stato un compromesso con cui il team di Smashing si è accontentato dopo aver testato il design con i propri utenti. L’impossibilità di selezionare il testo non è stata un problema, poiché pochi utenti hanno tentato di effettuare quella selezione.

Personalmente, penso che per una casella di categoria questo potrebbe essere accettabile. Se un utente volesse selezionare e copiare qualcosa, molto probabilmente sarebbe il titolo e/o la descrizione della categoria, entrambi disponibili cliccando sulla casella e visualizzando la categoria (specialmente se è in uso il componente [Category Banners](https://meta.discourse.org/t/discourse-category-banners/86241)).

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [9 Gennaio 2020, 9:26pm UTC](https://meta.discourse.org/t/category-boxes-links/137999/4 "2020-01-09T21:26:46Z")

</div>

ok, sembra che funzionerà bene… aggiornato qui

> <https://github.com/discourse/discourse/commit/ef9828b25dbe046c098de358523d8afd31c07c61>

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [14 Gennaio 2020, 9:26pm UTC](https://meta.discourse.org/t/category-boxes-links/137999/5 "2020-01-14T21:26:47Z")

</div>

Questo argomento è stato chiuso automaticamente 5 giorni dopo l’ultima risposta. Non sono più ammesse nuove risposte.
