Issues caused by in-browser translators

Resolving potentially UI-breaking issues caused by translators built into your browser.

Sometimes, users of DeFi Saver might experience unexpected crashes or unusual behavior when their web browser's automatic translation feature is enabled. This can be frustrating, and we understand you want a smooth experience. This issue isn't specific to DeFi Saver but is a known compatibility problem between how certain browser translation tools (like Google Translate) modify web pages and how React-based applications, like ours, manage their interactive elements.

Example of how a translator can cause broken UI elements.

The technical reason behind these crashes is that when a browser's automatic translation is active, it can sometimes interfere with the underlying code structure of the DeFi Saver application. Our platform is built using React, a technology that efficiently updates and renders parts of the page as you interact with it. The translation tool, in its effort to translate text, can inadvertently alter or remove essential attributes from elements on the page that React relies on. When React then tries to update these elements, it can't find what it expects, leading to an error and a crash.

To prevent these crashes and ensure a stable experience on DeFi Saver, we recommend disabling automatic translation for our site. You can usually do this directly within your browser settings. For Google Chrome, for example, when you see the translate icon in the address bar, you can click it and choose "Never translate this site." If you encounter further issues, please don't hesitate to reach out to our support team for assistance.