33 lines
1.2 KiB
HTML
33 lines
1.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<script src="../../resources/js-test.js"></script>
|
||
|
|
<script>
|
||
|
|
description("Tests that the HTML form validation bubble disappears while layout. https://webkit.org/b/211832");
|
||
|
|
jsTestIsAsync = true;
|
||
|
|
|
||
|
|
onload = () => {
|
||
|
|
const button = document.querySelector('button');
|
||
|
|
button.setCustomValidity("Hello"); // Instanciate ValidationMessage
|
||
|
|
button.reportValidity(); // Instanciate timer. Focus the button
|
||
|
|
button.blur(); // Blur the focus
|
||
|
|
button.autofocus = true;
|
||
|
|
button.onfocus = () => {
|
||
|
|
// onfocus is called for the autofocus element during layout
|
||
|
|
document.body.appendChild(button); // Delete ValidationMessage
|
||
|
|
setTimeout(() => {
|
||
|
|
finishJSTest();
|
||
|
|
}, 0);
|
||
|
|
};
|
||
|
|
setTimeout(() => {
|
||
|
|
// Cocoa port doesn't dispatch onfocus event.
|
||
|
|
button.focus();
|
||
|
|
}, 1000);
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<button></button>
|
||
|
|
</body>
|
||
|
|
</html>
|