Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Web] Issues when using Google Translate #293

Open
pepyta opened this issue Mar 14, 2024 · 0 comments
Open

[Web] Issues when using Google Translate #293

pepyta opened this issue Mar 14, 2024 · 0 comments

Comments

@pepyta
Copy link

pepyta commented Mar 14, 2024

Description

Some of our users reported an issue where the icons randomly turned into emojis after translating the site with Google Translate from English to Hungarian.

Possible solution

Adding notranslate to every icons' classlist would solve the issue, but I think that this should be addressed on the library level.

Screenshots

Original icons After Google Translate
Képernyőfotó 2024-03-14 - 8 59 12 Képernyőfotó 2024-03-14 - 8 59 20

Example code

import Icon from "@expo/vector-icons/MaterialCommunityIcons";

const HomeScreen = () => {
    return (
        <Icon
            name={"campfire"}
        />
    );
};

export default HomeScreen;

HTML output (before Google Translate)

<div dir="auto" class="css-text-146c3p1 r-userSelect-lrvibr" style="font-size: 24px; color: rgb(0, 0, 0); font-family: material-community; font-weight: normal; font-style: normal;">󰖙</div>

HTML output (after Google Translate)

<div dir="auto" class="css-text-146c3p1 r-userSelect-lrvibr" style="font-size: 24px; color: rgb(0, 0, 0); font-family: material-community; font-weight: normal; font-style: normal;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">💖</font></font></div>
@pepyta pepyta changed the title Issues when using Google Translate (web) [Web] Issues when using Google Translate Mar 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant