ladybird/Tests/LibWeb/Ref/input/invalidate-css-transform-property.html

<!DOCTYPE html>
<link rel="match" href="../expected/invalidate-css-transform-property-ref.html" />
<style>
    #box {
        width: 100px;
        height: 100px;
        background-color: red;
    }
</style>
<div id="box"></div>
<script>
    window.onload = function () {
        const box = document.getElementById("box");
        box.style.transform = "translate(50px, 50px)";
    };
</script>
LibWeb: Fix invalidation of CSS properties that do not affect layout Recently, we moved the resolution of CSS properties that do not affect layout to occur within LayoutState::commit(). This decision was a mistake as it breaks invalidation. With this change, we now re-resolve all properties that do not affect layout before each repaint. 2024-02-02 12:04:16 +01:00			`<!DOCTYPE html>`
Tests/LibWeb: Restructure Ref and Screenshot test dirs to match others Now each test type has the same directories: - input - expected - data Also, tests can be in subdirectories within ./input. 2024-11-05 12:49:08 +00:00			`<link rel="match" href="../expected/invalidate-css-transform-property-ref.html" />`
LibWeb: Fix invalidation of CSS properties that do not affect layout Recently, we moved the resolution of CSS properties that do not affect layout to occur within LayoutState::commit(). This decision was a mistake as it breaks invalidation. With this change, we now re-resolve all properties that do not affect layout before each repaint. 2024-02-02 12:04:16 +01:00			`<style>`
			`#box {`
			`width: 100px;`
			`height: 100px;`
			`background-color: red;`
			`}`
			`</style>`
			`<div id="box"></div>`
			`<script>`
			`window.onload = function () {`
			`const box = document.getElementById("box");`
			`box.style.transform = "translate(50px, 50px)";`
			`};`
			`</script>`