Disable Spell Check auto-suggestion

Question

I have a pre element that has a bunch of read-only text in it and I now have spell-checking working on the pre. However, if I right-click on the text that has the spelling error, I am able to change the value in the pre element. Is there any way to prevent the auto-suggestion from populating for this element?

Edit: I want to keep the spell-checking. I don't want the user to be able to right-click to auto-correct the mis-spelled word. I do want them to be able to add the mis-spelled word to their dictionary though.

Answer 1

You can use spellcheck=false with textarea and input.

Here is a fiddle with and without spellcheck property it: https://stackblitz.com/edit/react-kmyptb

EDIT:

More info at : https://www.tutorialrepublic.com/faq/how-to-disable-spell-checking-in-html-forms.php