<!DOCTYPE HTML> <html> <!-- Test: textarea with maxlength is -moz-ui-invalid if the user edits and it's too long --> <head> <style> :-moz-ui-valid { background-color:green; } :-moz-ui-invalid { background-color:red; } * { box-shadow:none; background-color:white; } </style> <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script> <script> function runTest() { var textarea = document.getElementById('textarea'); textarea.setSelectionRange(textarea.value.length, textarea.value.length) textarea.focus(); synthesizeKey('VK_BACK_SPACE', {}); textarea.blur(); // to hide the caret document.documentElement.className=''; } </script> </head> <body onload="runTest()"> <textarea id="textarea" maxlength="2">fooo</textarea> </body> </html>