L'extension Grammarly casse la mise en page du site web avec un conflit CSS
2025-03-29
Un développeur web a découvert que l'extension de navigateur Grammarly cassait la mise en page de son site web. Grammarly injecte une feuille de style qui écrase les styles du site web, notamment en utilisant la même propriété personnalisée `--rem`, ce qui provoque un dysfonctionnement du système de typographie fluide du site web. L'auteur a corrigé le problème en utilisant un observateur de mutations et la propriété personnalisée `--🤡`, et a appelé Grammarly à améliorer la conception de son extension pour éviter les conflits avec les styles d'autres sites web.
Développement
conflit CSS