Erro no Tradutor do Chrome

Cliente informa que recebe erro ao tentar navegar em nosso painel administrativo. Exemplo abaixo

Notar que alguns elementos do site estão quebrados. Por exemplo:

- Botão "Upgrade" virou "Melhoria"

- O plano free virou "planoLivre"

- Alguns itens do menu estão com letra minúscula

Esse problema ocorre porque o navegador tentou traduzir alguns elementos do site. Essa tradução altera a estrutura DOM do nosso admin, que faz com que o Blazor não consiga mais ser executado corretamente e gere erro.

Aparentemente esse é um problema comum em diversos frameworks, inclusive React.

Há um bug em aberto para que o Google faça a correção:

https://bugs.chromium.org/p/chromium/issues/detail?id=872770

Workaround

Para evitar que o problema ocorra, devemos pedir ao cliente que faça o seguinte:

a) Em seu navegador, no canto direito da barra de endereços, há um ícone do Google Tradutor. Clique no mesmo.

b) No popup aberto, clique no ícone de menu, o que tem 3 pontinhos

c) Agora clique em "Nunca traduzir este site"

Pronto, agora recarregue a página (F5) e você não deverá mais ter problemas.