fix/disable-translate-on-editor

[MahekkumarChaniyara]

Title
Chrome Translate causes editor text flicker/auto-erasure while typing

Summary
When Chrome’s page translation feature is active, typing inside the ReactQuill editor becomes unstable. Entered text may flicker, be modified unexpectedly, or get erased.

Environment

Browser: Google Chrome
Feature enabled: Built-in page translation (Translate)
Component: react-quill editor input area (.ql-editor / contenteditable)
Steps to Reproduce

Open a page containing a ReactQuill editor.
Enable Chrome Translate for the page (translate to another language).
Click inside the editor and start typing continuously.
Observe input behavior.
Actual Behavior

Text flickers during typing.
Characters/words are unexpectedly removed or replaced.
Typing experience is unstable.
Expected Behavior

Typing should remain stable and predictable.
Browser translation should not mutate live editor input while user is typing.
Root Cause Chrome Translate modifies contenteditable DOM in real time. Quill also manages the same DOM, causing conflicting mutations and visual/content instability.

Fix Implemented

Set translate="no" on the Quill editable root during editor creation:
editor.root.setAttribute('translate', 'no')
Added a unit test asserting the editable root has translate="no".
Impact

Prevents Chrome Translate from altering editor content while typing.
Reduces flicker and auto-erasure issues.
No functional change to normal editing behavior outside translation interaction.

[MahekkumarChaniyara]

@zenoamaro Can you please check this issue? I have provided fix also