RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 17:37:35 +00:00
Code Issues Activity Actions

LibWeb: Treat grid item as it creates stacking context during painting

Browse source 
Grid specification https://www.w3.org/TR/css-grid-2/#z-order defines
special painting order for grid items which should be the same as for
defined for inline-blocks in CSS2.
This commit is contained in:
Aliaksandr Kalenik 2023-08-20 19:42:54 +02:00 • committed by Andreas Kling
parent b4064320bd
commit 95a8dec373
7 changed files with 74 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

8
Tests/LibWeb/Ref/grid-items-painting-order-ref.html Normal file
View file

@ -0,0 +1,8 @@
<!doctype html><style type="text/css">
* { outline: 1px solid black; }
body { display: grid; }
.bar {
grid-area: 1 / 1 / auto / auto;
background: orange;
}
</style><body><div class="bar">bar</div>

12
Tests/LibWeb/Ref/grid-items-painting-order.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html><style type="text/css">
* { outline: 1px solid black; }
body { display: grid; }
.foo {
grid-area: 1 / 1 / auto / auto;
background: pink;
}
.bar {
grid-area: 1 / 1 / auto / auto;
background: orange;
}
</style><body><div class="foo">foo</div><div class="bar">bar</div>

1
Tests/LibWeb/Ref/manifest.json
View file

@ -1,5 +1,6 @@
{
"img-srcset-viewport-relative-sizes.html": "img-srcset-viewport-relative-sizes-ref.html",
"grid-items-painting-order.html": "grid-items-painting-order-ref.html",
"square-flex.html": "square-ref.html",
"separate-borders-inline-table.html": "separate-borders-ref.html",
"opacity-stacking.html": "opacity-stacking-ref.html",