Boutons "+1" "-1" qui se décalent au hover

Bonjour

J’ai remarqué que les boutons "+1" et "-1" se décalent au hover de la souris. Voici un GIF qui illustre cela.

Je suis sur macOS 11.2.3 et Safari 14.0.3.

oO qu’est-ce qu’il nous fait Safari encore

Faute de mac j’ai pas pu tester sur Safari, peut-être que @viki53 pourra investiguer s’il a le temps…

Oh ben c’est cocasse ça !

Les boutons sont effectivement mal alignés de base mais se remettent en place une fois que l’on survole l’un d’entre eux

Alors je vois qu’au survol des boutons +1/-1 l’attribut title change (il y a un espace à la fin qui est enlevé).

Je vois aussi des margin à droite de la signature et à gauche de chaque bouton qui pourraient peut-être déclencher un rendu bizarre.

Il y a aussi un width: 0 sur les boutons qui me perturbe et n’a pas l’air de servir.

J’ai fait le test avec Konqueror, Midorie et Epiphany, qui normalement utilisent un moteur de rendu proche, et je n’ai pas le problème.

Deux choses a noter :

• Je n’ai pas de problème sur mes propres messages.
• Si je fait "Retour" et "Suivant" dans mon navigateur pour revenir à la page précédente et suivante, les boutons sont correctement alignés et le problème n’apparaît pas. Edit : En fait non, le problème est toujours là. Edit 2 : Ok, si je fait retour et revenir, les messages que j’ai survolés restent bien alignés, mais les autres sont toujours mal alignés.

Effectivement les boutons désactivés n’ont pas ce problème.

Le fait de revenir en arrière fait appel au cache du moteur de rendu, le rendu doit donc logiquement être le même et c’est a priori le cas.

Il y a des choses bizarres dans le CSS, je vais tenter des trucs quand j’aurai la motivation de relancer ma version locale.

Sur iPhone, c’est la même chose avec Safari. Les boutons sont décalés, et lorsqu’on met un "+1" (donc un "-1" aussi je suppose), ils se remettent bien.

Bon j’ai un début d’explication : le bug apparaît uniquement si au moins un des boutons de vote est vide (:not(.has-vote)).

Je suppose que le hack pour cacher le texte +0/-0 fait délirer Safari.

Je n’arrive pas à reproduire le problème sur Safari, version 15.5 sur MacOS 11.6.7. D’autres utilisateurs de Safari parviennent à reproduire le problème ?

J’ai tenté de reproduire sur Safari 16.2 (18614.3.7.1.5) sous macOS 13.1 (22C65), sans succès, avec toutes les configurations possibles des options suivantes :

• avec ou sans votes existants ;
• avec ou sans signature (dés fois qu’elle ait un impact) ;
• connecté·e ou anonyme.

Je suppose que ça a dû être corrigé depuis, peut-être en effet secondaire d’autre chose, ou simplement par Safari lui-même au fil des mises à jour (le problème ayant été signalé il y a plus d’un an et demi). J’imagine qu’on peut oublier…

Ça m’étonnerait pas que Safari ait fixé ce bug, c’était clairement un problème de moteur plus que de CSS. /close hein

Très bien, j’ai fermé le ticket.