When an HTML text-area needs to capture data entry in all-capitals, typically the CSS text-transform: uppercase; is used to achieve this. Unfortunately, it appears the web browser's built-in spellcheck function seems to ignore all uppercase words by default. Is there any way to change this behaviour? I would like the spell-check to work even though the text is shown to the user in capitals.
In addition to this, after the entered data has been saved to a database in uppercase and then is being edited by the user in a different HTML form, I would like spelling errors to be underlined as such by the web browser's spellcheck function even though at this point they are actually uppercase characters and not just transformed by the CSS into uppercase.
<textarea spellcheck="true">Some delibrate spleling errors.</textarea>
<textarea spellcheck="true" style="text-transform: uppercase;">Some delibrate spleling errors.</textarea>
<textarea spellcheck="true" style="text-transform: uppercase;">SOME DELIBRATE SPLELING ERRORS.</textarea>I'm only interested at this point in changes to the web browser's default behaviour in this regard, I'm not looking to use third party libraries and scripts if this can be avoided. Thank you.