ladybird/Tests/LibWeb/Layout/input/transform-calc-length-values.html

<!DOCTYPE html>
<style>
body {
    transform: translate3d(calc(50px), calc(100px), calc(0px));
    border: 1px solid black;
    width: 100px;
    height: 100px;
}
</style>
Meta: Add doctypes to more layout tests 2025-05-04 16:35:21 +02:00			`<!DOCTYPE html>`
LibWeb: Resolve calc() values in CSS transform There are two parts to this fix: - First, StyleProperties::transformations() would previously omit calc() values entirely when returning the list of transformations. This was very confusing to StackingContext which then tried to index into the list based on faulty assumptions. Fix this by emitting calc values. - Second, StackingContext::get_transformation_matrix() now always calls resolve() on length-percentages. This takes care of actually resolving calc() values. If no reference value for percentages is provided, we default to 0px. This stops LibWeb from asserting on websites with calc() in transform values, such as https://qt.io/ :^) 2023-07-15 10:23:43 +02:00			`<style>`
			`body {`
			`transform: translate3d(calc(50px), calc(100px), calc(0px));`
			`border: 1px solid black;`
			`width: 100px;`
			`height: 100px;`
			`}`
			`</style>`