• 4 Posts
  • 7 Comments
Joined 1 year ago
cake
Cake day: October 8th, 2023

help-circle








  • It will not be digest to send all what I use for you to see it (it will lead to TL;DR)

    but here an elements (loaded with XHR that give the problem

    <input id="something" name="something" type="text" placeholder="aPlaceholder"  minlength="3" maxlength="32" value="this value is more than the limiation of 32 char" autofocus required>
    

    So normally this element should be invalid and a CSS selector of :invalid should match. but it’s not the case because the browser seem to not run the validation check on loaded elements… !?

    if we edit manually the input , for example removing one character then the validation process kick-in and the CSS selector work etc…