Google translate destroying material-icons <i> tags

[us31t]

Hello I have searched and hope this is no duplicate.

I have a issue with Chrome, that's why I do not use it, but folks who visit my site won't stop. 😄 😉

When you use Chrome-Tranlate it destroys the material font icons. I have found this issue, which describes it very good.
google/material-design-lite#1721

I would assume from the other issue, adding the "notranslate" class resolves this issue. This is nuts!
I think Chromes "feature" sucks... Kill Alphabet or give me shares! 😄 🐣

[albertoaa]

I'm facing the same problem and don't know how to solve it. I was thinking of extending the component and adding this class dinamically but still doesn't to work as expected

[huffypiet]

@albertoaa , typically, <i> tag italicizes content, in a textual case, any text processor would destroy this tag if used for other purpose.

It's safe to use <span> tag for icons in this case. I hope this helps