mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-26 17:55:07 +02:00
805b0fed13
Fixes yet another case of GFC bug, where Node::containing_block() should not be used for grid items, because their containing block is grid area which is not represented in layout tree.
26 lines
537 B
HTML
26 lines
537 B
HTML
<!DOCTYPE html><style>
|
|
* {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: 100px 100px;
|
|
grid-template-rows: 100px 100px;
|
|
grid-template-areas: "a b"
|
|
"c c";
|
|
position: relative;
|
|
width: 200px;
|
|
}
|
|
|
|
.abspos-item {
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
background-color: magenta;
|
|
width: 50px;
|
|
height: 50px;
|
|
grid-area: b;
|
|
align-self: center;
|
|
justify-self: center;
|
|
}
|
|
</style><div class="grid"><div class="abspos-item"></div></div> |