title: HTML validation message in Firefox
body: <p>I have validation on my form. </p>
  
  <p>For example:</p>
  
  <pre><code>if(!this.$siteName.get(0).checkValidity()){
   //
  }
  
  if(!this.$title.get(0).checkValidity()){
   /
  }
  </code></pre>
  
  <p>So, i have problem in firefox in this case:
  I check the element, then the form contains it, can hide. In chrome, if the element hides, the error message will hide too. But in firefox, i guess, they do not check the visibility of the element - doesn't.</p>
  
  <p>Here is screens from Chrome (just for example) and Firefox (after menu is hide):</p>
  
  <p><a href="https://i.stack.imgur.com/eYR05.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eYR05.png" alt="Chrome"></a>
  <a href="https://i.stack.imgur.com/WYYYc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WYYYc.png" alt="Firefox"></a></p>
  
  <p>Is there some workarounds to hide the message by js?</p>