angulardart / angular_components

The official Material Design components for AngularDart. Used at Google in production apps.
https://pub.dev/packages/angular_components
372 stars 123 forks source link

Google translate breaks many components #426

Open iu4u57k3 opened 5 years ago

iu4u57k3 commented 5 years ago

Many users have Google translate enabled by default.

As soon as they visit a page that uses angular dart components, the page is translated. Once the translation is done many components such as maternial-dropdown-select, and material-checkbox are completely broken.

To test this issue, visit: https://dart-lang.github.io/angular_components/#/material_dropdown_select

Then, translate above page to french (or any other language). Try to change the dropdown selection it will not work Try to check or uncheck " Enable focus indicator", it will not work either.

I have not tested this issue with other languages. It appears that Google translate is kept enabled by default by many users and it is causing many pages to break.

iu4u57k3 commented 5 years ago

How to tell Google translate to not translate the page?

alescdb commented 5 years ago

This might work ?

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