Google Traduction plante React (et d'autres applications web) : Un duel DOM

2025-02-14
Google Traduction plante React (et d'autres applications web) : Un duel DOM

Google Traduction, l'extension intégrée de Chrome, manipule le DOM d'une manière qui brise de nombreuses applications web modernes, particulièrement celles utilisant React. L'article examine en profondeur le fonctionnement de Google Traduction, qui remplace les TextNodes par des FontElements, perturbant le DOM virtuel de React et causant des plantages ou des incohérences de données. Des erreurs courantes comme `NotFoundError` et des échecs de `insertBefore` sont analysées, ainsi que des solutions de contournement telles que le monkey patching et l'encapsulation des TextNodes dans des éléments ``, mais ces solutions ont des limites. En fin de compte, l'article suggère aux développeurs de peser le pour et le contre, en désactivant potentiellement Google Traduction ou en implémentant leur propre localisation pour garantir la stabilité de l'application et l'expérience utilisateur.