ladybird/Tests/LibWeb/Layout/input/element-use-pseudo-element.html

<!DOCTYPE html>
<style>
    * {
        font: 20px 'SerenitySans';
    }
</style>
<progress id="a"></progress>
<script>
    a.style.backgroundColor = 'red'; // Trigger style invalidation
</script>
Meta: Add doctypes to more layout tests 2025-05-04 16:35:21 +02:00			`<!DOCTYPE html>`
LibWeb: Move use pseudo element styles from TreeBuilder to StyleComputer The styling of elements using the `use_pseudo_element()` was only applied on layout. When an element style was recomputed later that styling was not overruled with the pseudo element selector styles. This moves the styling override from `TreeBuilder.cpp` to `StyleComputer.cpp`. Now the styles are always correctly applied. I also removed the method `property_id_by_index()` because it was not needed anymore. Als some calls to `invalidate_layout()` in the Meter, Progress and Select elements where not needed anymore because the style values are update on the changing of the style attribute. This fixes issue #22278. 2023-12-17 21:03:28 +01:00			`<style>`
			`* {`
			`font: 20px 'SerenitySans';`
			`}`
			`</style>`
			`<progress id="a"></progress>`
			`<script>`
			`a.style.backgroundColor = 'red'; // Trigger style invalidation`
			`</script>`