1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 17:27:35 +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:
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

View file

@ -0,0 +1,23 @@
<!doctype html><style type="text/css">
* { outline: 1px solid black; }
body { display: grid; }
#foo {
grid-area: 1 / 1 / auto / auto;
background: pink;
width: 100px;
height: 100px;
}
#bar {
grid-area: 1 / 1 / auto / auto;
background: orange;
width: 100px;
height: 100px;
}
</style>
<div id="foo"></div><div id="bar"></div>
<script src="../include.js"></script>
<script>
test(() => {
println(internals.hitTest(50, 50).node === document.getElementById("bar"));
});
</script>