Ok, c'est donc le comportement par défaut du navigateur. Sur les éléments ayant un hover et un click, le premier "touch" fait le hover, le second fait le click. Sous Android, c'est un peu différent.

Vu que le "Ajouter aux messages cités" fonctionne "correctement", je suppose que forcer un "onclick" est plus fort qu'un simple "href". Par conséquent, une possibilité serait, pour les appareils mobiles, que je mette un "onclick" avec l'action par défaut sur toutes les tooltips... mais avant de faire ça (c'est un peu "brutal" comme approche), je vais voir s'il n'existe pas une solution simple différente (par exemple, l'autre possibilité serait de retirer les tooltips sur appareil mobile).

Je crois que retirer le tooltip est une bonne idée sur mobile. C'est une fonctionnalité quasi inutile.
Peux-tu aussi augmenter la taille du <span class="fa fa-eye"></span> sur mobile pour que ce soit plus "facile" de cliquer dessus depuis un mobile ? (genre x2)
Parce que ça reste petit et si on clique sur le titre du message, on n'arrive pas au dernier message non-lu.

Je peux chipoter sur le "!" du "Bienvenue, PetitCalgon !" ? Y'a que moi que ça dérange ?
Un simple "Bonjour PetitCalgon" à la place ?
(et à partir de 18h00, un "Bonsoir PetitCalgon")
(et à partir de 2h00, un "Y serait pas temps d'aller au lit")

D'ailleurs à propos de spoiler, je crois qu'ils sont illisibles depuis un mobile

Oui ils sont illisibles. Il ne se passe rien quand je clique dessus

PetitCalgonJe crois que retirer le tooltip est une bonne idée sur mobile. C'est une fonctionnalité quasi inutile.

En effet. A tout hasard, est-ce que quelqu'un connaît un moyen simple (hors Modernizr) de détecter un appareil sans "souris" ? (ou un mobile, sans se baser directement sur le userAgent) ?

PetitCalgonPeux-tu aussi augmenter la taille du <span class="fa fa-eye"></span> sur mobile pour que ce soit plus "facile" de cliquer dessus depuis un mobile ? (genre x2)

Ca, par contre, c'est plus délicat.... je peux augmenter la taille mais ça doit alors concerner tous les boutons, et ça risque de poser pas mal de petits soucis d'affichage. Je note dans ma liste, mais je ne pense pas que ça sera appliqué.

PetitCalgonJe peux chipoter sur le "!" du "Bienvenue, PetitCalgon !" ? Y'a que moi que ça dérange ?

Je ne vois pas d'inconvénient à retirer le "!"
Pour le "bonjour" / "bonsoir", je préfère m'abstenir : nos amis québécois n'ont pas forcément envie d'avoir un "bonjour" quand ils vont dormir et un "bonsoir" au matin Je peux éventuellement gérer la timezone, mais bon... gadget, quoi

PetitCalgonD'ailleurs à propos de spoiler, je crois qu'ils sont illisibles depuis un mobile

C'est noté, je vais regarder cela tout à l'heure.

GuybrushEn effet. A tout hasard, est-ce que quelqu'un connaît un moyen simple de détecter un mobil?

J'utilise mobiledetect.net/ en PHP, mais ils ont (ou avaient) une version JSON je crois

GuybrushJe ne vois pas d'inconvénient à retirer le "!"
Pour le "bonjour" / "bonsoir", je préfère m'abstenir

Le bonsoir était plus une boutade

(en fait on critique, mais c'est parce que le résultat est cool, alors on veut que la perfection aille encore plus loin )

Pas de souci pour les critiques/remarques/commentaires Tant qu'on n'insulte pas, ça me va Et puis, si ça contribue à améliorer le site, je suis toujours preneur (accessoirement, j'apprends plein de choses au passage, alors que j'étais relativement largué en webdev amateur).

Sinon,
- Le "!" est retiré en haut à droite ;
- Pour le spoiler, je n'ai rien changé. Je n'ai pas le bug chez moi sous Android. Il me faudrait plus d'informations... Est-ce que c'est sur iPhone ? WP ? A priori, c'est juste un span avec un :hover en CSS... Cliquer sur le span sur le mobile devrait donc activer le hover...
- Pour les boutons avec tooltip, je suis toujours partagé. Je vois surtout des solutions pour détecter un appareil avec un "touch event"... mais ça veut dire que je condamne les appareils ayant une souris + un écran tactile à ne pas avoir les tooltips...

Tchou, est-ce que tu as une expérience ou un retour à donner à propos de window.matchMedia en terme de portabilité ?

Alors, sur iPhone je ne vois pas du tout le spoiler, j'ai beau cliquer comme un forcené je ne fais que du zoom ou dezoom.
Sur WP, quand je passe le doigt sur le spoiler, le message s'affiche puis disparaît quand j'enlève le doigt mais vu que j'ai le doigt dessus c'est pas hyper pratique à lire

Peux-tu tester sous iPhone, de rester appuyer une ou deux secondes sur le spoiler. C'est un "bête" span avec un :hover en CSS, c'est curieux que ça ne passe pas... Je peux le mettre en <a>, mais ce n'est pas cohérent

A tout hasard, je suppose que le spoiler fonctionnait bien dans la v3 ?

Je ne pense pas que :active ou :focus fonctionne sur un <span> dans ce genre de cas... Au pire, je peux voir pour associer un événement de click sur le spoiler (en le transformant éventuellement en <a> dans ce cas), ce qui devrait nous ramener à l'autre situation

Et logiquement, ce qui devait arriver, arriva:

Je passe en sélection de texte sur le spoiler quand je reste appuyé dessus

Je n'ai jamais utilisé mon iPhone avec la V3, c'était juste pas possible - pas adapté

J'ai ajouté un :active sur le spoiler. Ca marche sur Firefox version PC, peux-tu tester chez toi ?
(Il sera peut-être nécessaire de forcer l'actualiser du CSS, je ne sais pas comment se comporte Safari quand la querystring d'une ressource externe est modifiée, si ça force ou non le cache).

Alors, en vrac et rapide ?

Un moyen facile de détecter le touch ? Sans modernizr ? Modernizr !

Le window.matchMedia : première fois que je vois ça. Inutilisable en prod, support trop limité. Modernizr custom avec uniquement un test sur le touch, je l'ai fait récemment, le fichier est pas énorme du coup.

Après, le soucis c'est que tu as des trucs avec touch et avec souris. Et là c'est la merdasse ! Surtout quand (W8, I'm looking at you) tu t'apperçois qu'en navigation touch sans souris, des :hover se déclenchent sur la page : tu utilise ascenseur sur le côté droit (ou gauche) de ton écran, mais t'avais precedemment trainé sur une autre partie de l'écran à gauche, il y a un curseur virtuel invisible qui pendant que tu descend déclenche des :hover. J'ai découvert ça y'a 10 jours sur une W8 (HORRIBLE : W8 sur une tablette 7'', c'est plus douloureux que se prendre les couilles dans une porte ! Ce con-là n'a pas de "pinch to zoom", et j'ai des doigts plus épais que 3mm pour cliquer sur les menus dès que je sors de la home).

Un :hover est à proscrire désormais : en touch, tu ne peux pas :hover-er ! Il faut faire avec du clic dès que possible !