mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-26 17:55:07 +02:00
This test verifies that a grid container with height: min-content correctly sizes its rows when grid items have overflow: hidden.
23 lines
478 B
HTML
23 lines
478 B
HTML
<!DOCTYPE html>
|
|
<script src="../include.js"></script>
|
|
<style>
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: 200px 200px;
|
|
height: min-content;
|
|
}
|
|
.cell {
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
<div class="grid">
|
|
<div class="cell" id="a"><div style="height:100px"></div></div>
|
|
<div class="cell"><div style="height:80px"></div></div>
|
|
</div>
|
|
<script>
|
|
test(() => {
|
|
const a = document.getElementById("a");
|
|
println(a.getBoundingClientRect().height);
|
|
});
|
|
</script>
|