Ni es tu móvil ni tu PC, si te funciona mal Chrome es culpa de Google
Recientemente, una actualización de Google Chrome ha dejado a muchos usuarios sin la función de resaltado de texto. Si eres desarrollador web o usas Chrome a diario, te contamos qué está pasando y cómo afecta a los sitios web.
Una reciente actualización de Google Chrome ha causado problemas con el resaltado de texto en varios sitios web, afectando tanto a aplicaciones web como a páginas tradicionales.
La actualización Chrome 131, lanzada con el fin de mejorar el manejo de estilos de selección de texto, ha generado inesperados problemas de compatibilidad, especialmente con una herramienta muy popular entre los diseñadores web, Tailwind CSS.
Aunque la actualización fue diseñada para hacer más consistente la experiencia de selección de texto entre diferentes elementos, el resultado ha sido el contrario: muchos sitios ahora presentan un mal funcionamiento en el resaltado de texto.
¿Qué ha cambiado en Chrome 131?
El cambio introducido por Google en su actualización Chrome 131 afecta la manera en que los navegadores gestionan las propiedades de selección de texto. En versiones anteriores, Chrome aplicaba estilos al texto seleccionado a través del pseudoelemento ::selection del propio elemento.
Sin embargo, en la versión 131, Chrome implementó un nuevo modelo de herencia que no es compatible con algunas herramientas de diseño de sitios web, como Tailwind CSS, que son ampliamente utilizadas por los desarrolladores web.
Este cambio en la herencia de los estilos de selección de texto hace que el texto no se resalte correctamente al seleccionarlo. Aunque el texto aún se puede copiar y pegar sin problemas, la falta de resaltado visual puede resultar confusa para los usuarios.
Además, la actualización no afectó a todos los sitios web de la misma manera. Algunos sitios de gran tráfico se vieron más perjudicados que otros, debido a que dependen de las propiedades heredadas para su diseño y funcionalidad.
Para los diseñadores web que usan Tailwind CSS y otros marcos populares, este problema es particularmente molesto. La actualización de Chrome afecta directamente la forma en que estos marcos aplican los estilos de selección de texto, lo que puede romper el diseño en sitios donde se emplean estas herramientas.
Aunque Google mencionó en una publicación de octubre que la actualización no debería afectar a la mayoría de los sitios web, algunos medios como GitHub, The Verge, entre otros medios, y desarrolladores han informado de problemas importantes en sus sitios.
Como Adam Wathan, creador de Tailwind CSS, rápidamente señaló el problema y compartió una solución que implica añadir una bandera de característica o actualizar a la versión más reciente de Tailwind CSS. Con estos cambios, el problema debería resolverse para la mayoría de los sitios afectados.
Además, cabe destacar que este error solo ocurre en los navegadores basados en Chromium, como Google Chrome y Microsoft Edge. Navegadores que utilizan motores de renderizado diferentes, como Safari de Apple y Firefox de Mozilla, no se ven afectados por este problema y continúan funcionando correctamente con el resaltado de texto.
Desde el punto de vista del usuario, el principal inconveniente de este error es la falta de un resaltado visual adecuado cuando se selecciona texto, pero los desarrolladores web deberán estar atentos a las actualizaciones de Chrome y realizar los ajustes necesarios para garantizar que la experiencia de usuario no se vea comprometida.