'<meta name="google" content="notranslate"> not working anymore

I am trying to disable google translate on my website, as it is causing issues with datepicker/interface on the website

Google through the web and found that most answers are pointing to How to disable google translate from html in chrome, but just like the comments below it mention, it does not seem to work.

If there is not a way to disable google translate function, maybe there is a way to detect it with JS, and disable functionality on the webpage unless viewed in English?

htmlgoogle-chromegoogle-translate


Solution 1:[1]

Use value not content:

<meta name="google" value="notranslate" >

or place directive directly to top <html>:

<html translate="no">

Solution 2:[2]

Add class="notranslate" to the containing element of the part you don't want to be translated, e.g. <body class="notranslate"> if you want to apply it to the whole page.

Solution 3:[3]

If you are meaning about the small translate icon is causing issues with datepicker/interface on your website.

Actually notranslate/translate="no" has been not working for a LONG time.

But I found a dirty way to fix this.

JUST HIDE IT.

#gtx-trans{
  display: none;
}

work done.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Jasom Dotnet
Solution 2 walen
Solution 3

Related Questions