Liens des boîtes de catégories

Cela a été signalé par un utilisateur ; je l’ai vérifié et ce qu’il dit est vrai.

Configuration des boîtes de catégories.

Au niveau supérieur, où toutes les catégories principales apparaissent sous forme de boîtes et les sous-catégories sont liées en dessous à l’intérieur de la boîte : si vous cliquez sur une sous-catégorie, vous accédez à cette sous-catégorie, et si vous cliquez ailleurs dans la boîte, vous accédez à la catégorie parente.
Ceci est le comportement attendu.

Cependant…
…si vous cliquez avec le bouton droit sur une sous-catégorie et sélectionnez « ouvrir le lien dans un nouvel onglet » dans le menu contextuel du navigateur, cela fonctionne comme prévu : l’onglet original reste en place et la sous-catégorie s’ouvre dans un nouvel onglet. Jusqu’ici, tout va bien.

Mais si vous utilisez Ctrl+Clic ou Cmd+Clic, le raccourci navigateur standard pour « ouvrir dans un nouvel onglet », quelque chose d’étrange se produit.
La sous-catégorie s’ouvre correctement dans un nouvel onglet, mais l’onglet original saute vers la catégorie parente.

Je pense que ce qui se produit ici, c’est que la div de la boîte a une action JQuery associée à <div ... data-url="lien vers la catégorie principale"> et que les liens vers les sous-catégories sont des liens <a> conventionnels.
Le clic droit est entièrement géré par le navigateur et fonctionne.
Ctrl+Clic est intercepté par le navigateur pour ouvrir le lien dans un nouvel onglet, mais le clic gauche de base est tout de même transmis à JQuery pour être traité.

Un phénomène similaire se produit si vous essayez cela dans une boîte de catégorie affichée dans une catégorie.

Est-ce réparable ?

3 « J'aime »

J’ai déjà essayé de corriger cela en transformant simplement le lien de la catégorie principale en un lien normal

…mais nous n’avons pas donné suite à ce changement car les balises d’ancrage imbriquées ne sont pas un HTML valide et posent des problèmes dans certains navigateurs.

Je vais cependant essayer une autre technique, décrite en détail ici : Nested Links Without Nesting Links

Cette correction consiste à placer un lien vide vers la catégorie parente à l’intérieur du bloc, puis à étendre ce lien pour qu’il couvre l’ensemble du bloc. Tous les sous-liens seraient alors placés dans une couche au-dessus de ce lien, au lieu d’être imbriqués à l’intérieur.

7 « J'aime »

C’est un tour plutôt astucieux. Sara dit :

Personnellement, je pense que pour une boîte de catégorie, cela serait probablement acceptable. Si un utilisateur voulait sélectionner et copier quelque chose, ce serait très probablement le titre et/ou la description de la catégorie, et les deux seraient accessibles en cliquant sur la boîte et en affichant la catégorie (surtout si le composant Bannières de catégorie est en jeu).

3 « J'aime »

ok, ça semble fonctionner correctement… mis à jour ici

6 « J'aime »

Ce sujet a été automatiquement fermé 5 jours après la dernière réponse. De nouvelles réponses ne sont plus autorisées.