Cuando abres un tema, la publicación seleccionada actualmente se desvanece en un color determinado. Aquí en Meta, para el tema oscuro, es un color azul que se desvanece hacia el negro normal. Recientemente, esto ha comenzado a tener un efecto de temblor hacia el final de la transición, en lugar de hacerlo de manera suave. Lo noté por primera vez en el tema oscuro de community.wanikani.com, pero también está ocurriendo aquí en Meta. Lo he observado usando tanto Chrome como Edge en dos computadoras diferentes. Otro sitio de Discourse que utilizo, del cual estoy bastante seguro de que está bastante atrasado respecto a la última versión, no presenta este problema. Si hay alguna manera de que pueda verificar la versión de ese sitio desde la consola del navegador (y si esa información sería útil), házmelo saber y añadiré esa información aquí.
Consulta el video a continuación para ver una demostración.
Desde Chrome: Haz clic derecho en una parte vacía del sitio y selecciona “Ver código fuente de la página”. Alrededor de la línea 9 verás la versión, así como el commit en sí. Por favor, comparte ambos.
Discourse 2.4.0.beta6 - https://github.com/discourse/discourse versión 437edfc4157aac4d9a50d911bca550d4425193cf
Commit del 28 de octubre
community.bunpro.jp: (no tiene este problema):
Discourse 2.4.0.beta2 - https://github.com/discourse/discourse versión 3503758599ae451b962afa4e05c8e88dcb0f021a
Commit del 10 de agosto
Como pensaba, el sitio que no presenta el problema está bastante desactualizado. Por lo que vale, creo que este problema solo apareció en la última semana o dos en community.wanikani.com. Lo visito varias veces al día, así que lo habría notado tan pronto como comenzó a ocurrir.
Puedo reproducir el problema aquí en Meta también en el sitio que está en un commit anterior
Estoy bastante seguro de que este no es un error nuestro; puedo reproducirlo en un fiddle.
Si haces clic en “Ejecutar” varias veces, notarás que el primer y el segundo cuadro no presentan el problema.
El primer cuadro representa el tema claro y no tiene el problema. El segundo es uno al que le agregué un fondo negro para comparar. Tampoco presenta el problema.
El problema es más notable en el tercer cuadro, que usa los mismos colores que el tema oscuro predeterminado. Creo que la combinación de colores está confundiendo al navegador de alguna manera. He probado todos los trucos de animación que conozco y el resultado sigue siendo el mismo.
A menos que cambiemos nuestra animación o usemos colores diferentes, no estoy seguro de qué más podemos hacer aquí, aparte de esperar una corrección por parte del navegador, lo cual podría no ocurrir en un futuro cercano.
Como mencioné, esto está ocurriendo tanto en Chrome como en Edge. Edge aún no es Chromium, así que no es como si estuvieran usando el mismo motor de renderizado o algo similar. Eso es lo que hace tan extraño que esto haya empezado a ocurrir de repente. Es cierto que solo revisé Edge para intentar confirmar que no se trataba de un error de Chrome. Es totalmente posible que esto esté ocurriendo en Edge desde hace mucho tiempo, y que solo recientemente se haya introducido también en Chrome.
También noté esto por primera vez en mi nueva computadora portátil, que solo he tenido durante una semana y media. Por eso también verifiqué el problema en un segundo equipo, para descartar que fuera específico de mi nueva computadora. Pero puedo encender mi vieja computadora portátil más tarde para ver si ocurre allí. Quizás haya algún tipo de optimización de hardware dependiendo del equipo.
Bienvenido al infierno de la compatibilidad entre navegadores con el que tenemos que trabajar a diario
Para ser claros, este es un problema válido, así que gracias por publicarlo. Me encantaría solucionarlo, pero el problema es que nuestras opciones se limitan a encontrar soluciones alternativas para los problemas de los navegadores.
Cambiar la animación introduciría un nuevo patrón para todos los que han estado usando Discourse en los últimos 5+ años. Cambiar los colores en el tema oscuro también afectaría a todos los sitios que utilizan Discourse. Ninguna de esas son opciones que quiera considerar.
No digo que haya agotado todos los trucos que podrían mejorar esto, pero todos los que conozco no han marcado ninguna diferencia.
Dicho esto, y a falta de cualquier truco que pueda descubrir más adelante, diría que esperemos unos 3 meses y lo revisemos entonces.
Han pasado más de tres meses, así que pensé en hacer un seguimiento. El problema sigue ocurriendo en Chrome y parece que también sucede en Firefox. Si aún no tienes ninguna idea para soluciones alternativas, no hay problema, pero pensé que un recordatorio no vendría mal.
Esto no es cuestión de “pagar para participar”, es un error de navegador poco común. Estamos utilizando una animación CSS aquí, no algún truco de animación con jQuery; no creo que exista una solución obvia para este problema cosmético muy menor.
Si te preocupa, te sugiero que lo informes a quienes realmente pueden solucionar el error: los desarrolladores del navegador. Ya se ha publicado un caso reproducible upstream, listo para que lo informes.
Alt + F > Configuración > Apariencia > Habilitar el botón “mostrar comentarios” > Hacer clic en el botón “mostrar comentarios” cerca de la esquina superior derecha del navegador > Informar del error
¡Espero que toda esa información haya sido de ayuda!
