RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-28 01:57: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

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>