Get the latest tech news

Everything about Google Translate crashing React (and other web apps)


A deep dive into Google Translate (and other browser extensions) interference breaking React and other web apps.

This interference often manifest as crashes caused by the DOM element's native ` removeChild` method, resulting in errors like ` NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.`, but it affects a lot more. The snippet below will search for an element with the id "translateme" and replace all direct ` TextNode` children with ` FontElement`s similar to how Google Translate operates. Picture: Caption: AutocardAnywhere showing a Magic: the Gathering card for a random piece of text on WoWAnalyzer I want to stress that I do not think the team behind Google Translate deserves any blame for the issues.

Get the Android app

Or read this on Hacker News

Read more on:

Photo of web apps

web apps

Photo of Google Translate

Google Translate

Photo of React

React

Related news:

News photo

We replaced our React front end with Go and WebAssembly

News photo

"I'd probably, like, quit": former Dragon Age leads react to EA's suggestion The Veilguard should have been live-service

News photo

Google Translate could soon be able to explain its translations better