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:
parent
b4064320bd
commit
95a8dec373
7 changed files with 74 additions and 10 deletions
23
Tests/LibWeb/Text/input/hit_testing/grid.html
Normal file
23
Tests/LibWeb/Text/input/hit_testing/grid.html
Normal 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>
|
Loading…
Add table
Add a link
Reference in a new issue