mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 03:57:44 +00:00
LibWeb: Treat grid item as it creates stacking context during painting
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:
parent
b4064320bd
commit
95a8dec373
7 changed files with 74 additions and 10 deletions
8
Tests/LibWeb/Ref/grid-items-painting-order-ref.html
Normal file
8
Tests/LibWeb/Ref/grid-items-painting-order-ref.html
Normal 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
12
Tests/LibWeb/Ref/grid-items-painting-order.html
Normal 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,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",
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue