Lorsque vous ouvrez un sujet, le message actuellement sélectionné apparaît en foncé avec une couleur spécifique. Ici sur Meta, pour le thème sombre, c’est une teinte bleue qui s’estompe progressivement vers le noir normal. Récemment, ce fondu devient saccadé vers la fin de la transition, au lieu de se dérouler de manière fluide. J’ai remarqué ce problème en premier sur le thème sombre de community.wanikani.com, mais il se produit également ici sur Meta. Je l’ai observé à la fois avec Chrome et Edge sur deux ordinateurs différents. Un autre site Discourse que j’utilise, qui est probablement beaucoup en retard par rapport à la dernière version, ne présente pas ce problème. S’il existe un moyen de vérifier la version de ce site depuis la console du navigateur (et si cette information serait utile), faites-le-moi savoir et j’ajouterai ces informations ici.
Consultez la vidéo ci-dessous pour une démonstration.
Depuis Chrome : Faites un clic droit sur une partie vide du site, puis sélectionnez « Afficher le code source de la page ». Vers la ligne 9, vous verrez la version ainsi que le commit lui-même. Veuillez partager les deux.
Discourse 2.4.0.beta6 - https://github.com/discourse/discourse version 437edfc4157aac4d9a50d911bca550d4425193cf
Commit du 28 octobre
community.bunpro.jp : (ne présente pas ce problème) :
Discourse 2.4.0.beta2 - https://github.com/discourse/discourse version 3503758599ae451b962afa4e05c8e88dcb0f021a
Commit du 10 août
Comme je le pensais, le site qui ne présente pas le problème est assez obsolète. Pour ce que cela vaut, je pense que ce problème n’est apparu que dans la dernière semaine ou deux sur community.wanikani.com. Je le visite plusieurs fois par jour, donc je l’aurais remarqué dès qu’il a commencé à se produire.
Je peux reproduire le problème ici sur Meta, ainsi que sur le site qui utilise une version antérieure du code :
Je suis presque certain qu’il ne s’agit pas de notre bug. Je peux le reproduire dans un fiddle.
Si vous cliquez plusieurs fois sur Exécuter, vous remarquerez que la première et la deuxième boîte ne présentent pas le problème.
La première boîte représente le thème clair ; elle ne présente pas le problème. La deuxième est celle à laquelle j’ai ajouté un fond noir pour comparaison. Elle ne présente pas non plus le problème.
Le problème est surtout visible dans la troisième boîte, qui utilise les mêmes couleurs que le thème sombre par défaut. Je pense que cette combinaison de couleurs perturbe le navigateur d’une manière ou d’une autre. J’ai essayé tous les astuces d’animation dont j’ai connaissance, mais le résultat reste le même.
À moins de modifier notre animation ou d’utiliser des couleurs différentes, je ne vois pas ce que nous pouvons faire d’autre que d’attendre une correction de la part du navigateur, ce qui pourrait ne pas arriver de sitôt.
Comme je l’ai mentionné, cela se produit à la fois sur Chrome et sur Edge. Edge est encore basé sur Chromium, donc ils n’utilisent pas le même moteur de rendu, etc. C’est ce qui rend le fait que cela commence soudainement si étrange. Bien sûr, j’ai seulement vérifié Edge pour confirmer qu’il ne s’agissait pas d’un bug de Chrome. Il est tout à fait possible que cela se produise sur Edge depuis un moment, et que cela ait été introduit récemment sur Chrome également.
J’ai également remarqué cela pour la première fois sur mon nouvel ordinateur portable, que je possède depuis une semaine et demie. C’est pourquoi j’ai également vérifié le problème sur un deuxième ordinateur, pour écarter l’hypothèse qu’il soit spécifique à mon nouvel ordinateur. Mais je peux démarrer mon ancien ordinateur portable plus tard pour voir si cela se produit aussi là-bas. Peut-être y a-t-il une sorte d’optimisation matérielle qui varie selon l’ordinateur.
Bienvenue dans l’enfer de la compatibilité multi-navigateurs avec lequel nous devons composer quotidiennement
Pour être clair, il s’agit d’un problème valide, alors merci de l’avoir signalé. J’aimerais beaucoup le corriger, mais le souci est que nos options se limitent à contourner les problèmes liés aux navigateurs.
Modifier l’animation introduirait un nouveau modèle pour tous ceux qui utilisent Discourse depuis plus de 5 ans. Changer les couleurs du thème sombre affecterait également tous les sites utilisant Discourse. Aucune de ces options n’est envisageable à mes yeux.
Je ne dis pas avoir épuisé tous les contournements possibles qui pourraient améliorer la situation, mais ceux que je connais n’ont apporté aucune différence.
Cela dit, et en l’absence de nouveaux contournements que je pourrais découvrir plus tard, je suggère d’attendre, disons, 3 mois avant de réexaminer la situation.
Il s’est écoulé plus de trois mois, alors j’ai pensé faire un point. Le problème persiste dans Chrome et il semble également se produire dans Firefox. Si vous n’avez toujours aucune idée de contournement, ce n’est pas grave, mais je pensais qu’un rappel ne pouvait pas faire de mal.
Il ne s’agit pas d’une question de « payer pour jouer », mais d’un bug navigateur obscur. Nous utilisons ici une animation CSS, et non une astuce d’animation jQuery. Je ne pense pas qu’il existe de solution évidente à ce problème cosmétique très mineur.
Si vous êtes préoccupé par cela, je vous suggère de le signaler aux personnes qui peuvent réellement corriger le bogue : les développeurs du navigateur. Un cas reproductible a été publié en amont, prêt à l’emploi pour faciliter votre signalement.
Alt + F > Paramètres > Apparence > Activer le bouton « Afficher les commentaires » > Cliquez sur le bouton « Afficher les commentaires » en haut à droite du navigateur > Signalez le bug
J’espère que toutes ces informations vous ont été utiles !
