input-type-invalid.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html class="reftest-wait">

  <!-- Test: if an input has a custom error when barred from constraint

             validation then move a type candidate for constraint validation,

             it should not be affected by :valid pseudo-class. -->

  <link rel='stylesheet' type='text/css' href='style.css'>

  <script>

    function doTest()

      var i = document.getElementById('i');

      i.setCustomValidity('foo');

      i.type = 'text';

      document.documentElement.className='';

    document.addEventListener("MozReftestInvalidate", doTest);

  </script>

  <body>

    <input class='notvalid' type='button' id='i'>

  </body>

</html>