ladybird/Tests/LibWeb/Text/input/getComputedStyle-grid-template-rows-columns.html
Aliaksandr Kalenik 1d7c9cd1e1 LibWeb: Return computed grid-template-rows/columns if there's no used
If grid-template-rows or grid-template-columns queried for a box that is
not a grid container, the result should be computed value instead of
null.

Fixes crashing in inspector.
2024-09-09 20:12:20 +02:00

34 lines
919 B
HTML

<script src="include.js"></script>
<style>
.grid-container {
width: 200px;
display: grid;
background-color: lightsalmon;
}
.grid-item {
height: 50px;
background-color: lightblue;
}
.not-a-grid {
grid-template-columns: auto auto;
}
</style>
<div class="grid-container" style="grid-template-columns: auto auto">
<div class="grid-item"></div>
<div class="grid-item"></div>
<div class="grid-item"></div>
<div class="grid-item"></div>
</div>
<div class="not-a-grid"></div>
<script>
test(() => {
const grid = document.querySelector(".grid-container");
println(getComputedStyle(grid).gridTemplateColumns);
println(getComputedStyle(grid).gridTemplateRows);
const not_a_grid = document.querySelector(".not-a-grid");
println(getComputedStyle(not_a_grid).gridTemplateColumns);
});
</script>