Google Translator makes reactive app unusable

[KTXKIKI]

Actions before raising this issue

• I searched the existing issues and did not find anything similar.
• I read/searched the docs

Steps to Reproduce

Click on cloud storage
Click on New Cloud Storage
Switching between different servers

Expected Behavior

No response

Possible Solution

No response

Context

21-02-42.mp4

Environment

Server version: 2.8.0

Core version: 11.1.0

Canvas version: 2.17.6

UI version: 1.57.3

[bsekachev]

Hi @KTXKIKI

Looks like the problem also related to enabled translation.

[KTXKIKI]

year i try it's all a matter of the browser's built-in translation

[bsekachev]

It is a problem of interaction between React and Google Translator.
As I understand from these resources, Google Translator not just modifies text content, it insert/removes node from DOM.
It creates issues with different reactive frameworks.

https://bugs.chromium.org/p/chromium/issues/detail?id=872770
facebook/react#11538

[bsekachev]

And looks like there is not a solution from React team except for:

• Inserting additional code that slows down the app in common Make React resilient to DOM mutations from Google Translate facebook/react#11538 (comment)
• Disabling the translation of the page

Issue on Google Translation team is still opened.
Maybe you should try another translator as a workaround.

[KTXKIKI]

ok