<!--
# TODO(accessibility) Invalid state should not appear after required field is
# filled, but does. This only occurs in the test, not in a real browser.
# For now, don't check invalid state in this test.
@BLINK-DENY:invalidState*
@WAIT-FOR:ready
-->
<!-- Ensure that alert is removed after form is made valid-->
<!DOCTYPE html>
<form>
<label for="in1">Pet name:</label><input id="in1" required>
</form>
<script>
const in1 = document.querySelector('input');
in1.setCustomValidity('Please enter pet name');
in1.reportValidity();
setTimeout(() => {
in1.blur();
in1.value = 'ready';
}, 100);
</script>