| <!-- |
| @BLINK-ALLOW:live* |
| @BLINK-ALLOW:container* |
| @MAC-ALLOW:AXSubrole=AXApplicationAlert |
| @WAIT-FOR:ready |
| --> |
| <!-- Ensure that validation errormessage relation is still avalailable after it has been hidden, as long as field is still invalid --> |
| <!DOCTYPE html> |
| <form> |
| <label for="in1">Pet name:</label><input id="in1" required> |
| <div id="waitfor"></div> |
| </form> |
| <script> |
| const in1 = document.querySelector('input'); |
| in1.setCustomValidity('Please enter pet name'); |
| in1.reportValidity(); |
| setTimeout(() => { |
| document.getElementById('waitfor').innerText = 'ready'; |
| }, 6000); |
| </script> |
