Editor/Select: components do not work with the google translate extension activated (Chrome and possibly others)

[simonelepore]

Describe the bug

If you translate the page with the google translate extension on Chrome (tried Edge and it works) and then you try to use the editor, the content will be deleted right after you type it. If you try to select an item from the select component, it will not select it.

You can easily reproduce the same bug on official primevue documentation website. Unfortunately, several users of the app I'm working on use that extension. I'm wondering if there is a way to fix this (rather than simply telling them to disable the extension).

Reproducer

https://primevue.org/select/ https://primevue.org/editor/

PrimeVue version

3 and 4

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome, microsoft edge works. Don't know about other browsers

Steps to reproduce the behavior

With google chrome, simply translate the page with the google translate extension and then use the prime vue editor or select.

Expected behavior

No response

[simonelepore]

up! :)