<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').removeAttribute('readonly');
document.getElementById('t').value = '';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is no longer readonly and its value has been modified,
it should be affected by :-moz-ui-valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<textarea class='valid' id='t' readonly></textarea>
</body>
</html>