Skip to content

[Bug Report] fieldset google translate issue. Adds random strikethrough elements #13256

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.

Sign up for GitHub

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

Jump to bottom
Closed
Christianschrodahl opened this issue Mar 12, 2021 · 2 comments
Closed

[Bug Report] fieldset google translate issue. Adds random strikethrough elements #13256

Christianschrodahl opened this issue Mar 12, 2021 · 2 comments
Assignees
@KaelWD
Labels
C: VTextField T: bug Functionality that does not work as intended/expected
Milestone
v2.5.x

Comments

@Christianschrodahl
Copy link

Christianschrodahl commented Mar 12, 2021 •
edited
Loading

Environment

Vuetify Version: 2.4.3
Vue Version: 2.6.1
Browsers: Chrome 89.0.4389.82
OS: Windows 10

Steps to reproduce

Go to a page with v-text-field outlines. right click and translate from english to norwegian. the result will add inside fieldset => legend element.

You can test this on vuetify website on v-text-field documentation. Codepen doesn't reproduse it right.

Expected Behavior

Not adding these values.

Actual Behavior

Reproduction Link

vuetify text fields

Other comments

Looks like it is only on outlined v-text-fields
image
@ghost ghost added the S: triage label Mar 12, 2021
@digital88
Copy link

digital88 commented Apr 24, 2021 •
edited
Loading

As a workaround I use

Vue.prototype.$fixChromeTranslate = function() {
    const spans = document.querySelectorAll('div.v-input__slot span')
    Array.prototype.forEach.call(spans, function(span) {
        span.classList.add('notranslate')
    })
}

@Morwen-S
Copy link

I have the same problem in my project, when I translate it from russian to english. It is only on outlined v-text-fields, it could be connected with this issue: https://support.google.com/translate/thread/19809319/zero-width-space-%E2%80%8B-gets-weird-translation-to-german-and-french?hl=en

I had to shut down translation in all project, by adding <html lang="ru" translate="no"> in index.html
image

@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected and removed S: triage labels Jul 7, 2021
@KaelWD KaelWD self-assigned this Jul 7, 2021
@KaelWD KaelWD added this to the v2.5.x milestone Jul 7, 2021
@KaelWD KaelWD closed this as completed in 6bb9484 Jul 7, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@KaelWD KaelWD

Labels
C: VTextField T: bug Functionality that does not work as intended/expected
Projects
None yet
Milestone
v2.5.x
Development

No branches or pull requests
5 participants
@digital88 @KaelWD @ElijahKotyluk @Christianschrodahl @Morwen-S