Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Turning off spellcheck by making input elements readonly</title>
<link rel=match href="references/spelling-markers-001-ref.html">
<meta name=assert content="Spellchecking stops applying to input elements when they become readonly">
<style>
#test {
/* Match the ref */
all: initial;
width: 100%;
display: block;
font-family: inherit;
}
</style>
<input type=text id=test value="This test passes if there is no visual marker indicating the spellinnnnnggg mistake in this sentence, and fails otherwise.">
<script>
var test = document.getElementById("test");
// Force spellcheck by focus then blur
test.focus();
test.blur();
test.setAttribute("readonly", true);
</script>