mirror of
https://github.com/SerenityOS/serenity
synced 2024-07-22 02:26:11 +00:00
LibWeb: Resolve CSS transform lengths against padding rect
Fixes https://github.com/SerenityOS/serenity/issues/22797
This commit is contained in:
parent
ef0c390b79
commit
f529188fb8
11
Tests/LibWeb/Ref/reference/transform-2d-translate-ref.html
Normal file
11
Tests/LibWeb/Ref/reference/transform-2d-translate-ref.html
Normal file
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
* {
|
||||
outline: 1px solid black;
|
||||
}
|
||||
div {
|
||||
height: 100px;
|
||||
background: pink;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
</style><body><div id="box">
|
12
Tests/LibWeb/Ref/transform-2d-translate.html
Normal file
12
Tests/LibWeb/Ref/transform-2d-translate.html
Normal file
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="match" href="reference/transform-2d-translate-ref.html" />
|
||||
<style>
|
||||
* {
|
||||
outline: 1px solid black;
|
||||
}
|
||||
div {
|
||||
padding: 50px;
|
||||
background: pink;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
</style><body><div id="box">
|
|
@ -45,7 +45,7 @@ ErrorOr<Gfx::FloatMatrix4x4> Transformation::to_matrix(Optional<Painting::Painta
|
|||
CSSPixels width = 1;
|
||||
CSSPixels height = 1;
|
||||
if (paintable_box.has_value()) {
|
||||
auto reference_box = paintable_box->absolute_rect();
|
||||
auto reference_box = paintable_box->absolute_padding_box_rect();
|
||||
width = reference_box.width();
|
||||
height = reference_box.height();
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue