title: HTML input checkValidity() always returns true even with minlength violations
body: <p>Pretty simple set up:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;input id=&quot;Input&quot; type=&quot;text&quot; minlength=&quot;8&quot; required /&gt;
  &lt;script&gt;
      const input = window.document.getElementById('Input');
      input.value = &quot;foobar&quot;
      console.log(input.checkValidity());
  &lt;/script&gt;
  </code></pre>
  <p>The following returns <code>true</code> when it should be <code>false</code>. See <a href="https://jsbin.com/huqowesewu/edit?html,output" rel="noreferrer">https://jsbin.com/huqowesewu/edit?html,output</a></p>
  <p>Why in the world is this? The input has a length of 6, which is less than 8, ergo, it should be invalid. But it's not. Is this attribute broken? Or is <code>checkValidity()</code> broken? I'm baffled to say the least.</p>