Attachment 347298 Details for Bug 141789 – Better reduction

Better reduction

bug141789.html (text/html), 832 bytes, created by Ryosuke Niwa on 2018-08-16 13:35:21 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Ryosuke Niwa

Created: 2018-08-16 13:35:21 PDT

Size: 832 bytes

patch

obsolete

<!DOCTYPE html>
<html>
<body>
<style>
span {
    color: red;
    background-size: 0 0;
    background-image: url('https://svn.webkit.org/repository/webkit/trunk/LayoutTests/svg/as-image/resources/100px-green-rect.svg');
    background-position: left top 20%;
    background-repeat: no-repeat;
    transition: background-size 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

input[type="checkbox"]:checked + span {
    color: green;
    background-size: 200% 200%;
}

</style>
<p>This tests repeatedly updating :checked state. You should see a green box below, not X.</p>
<div><input type="checkbox"><span>X</span></div>
<script>
const checkbox = document.querySelector('input');
checkbox.checked = true;
for (let i = 0; i < 10; i++) {
    setTimeout(() => checkbox.checked = !checkbox.checked, i * 100);
}
</script>
</body>
</html>

Actions: View

Attachments on bug 141789: 347296 | 347298