1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-20 13:45:06 +00:00
serenity/Tests/LibWeb/Text/input/hit_testing/grid.html
Aliaksandr Kalenik 95a8dec373 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.
2023-08-22 11:33:24 +02:00

23 lines
521 B
HTML

<!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>