haikuwebkit/LayoutTests/fast/css-grid-layout/grid-self-baseline-and-flex...

27 lines
1.0 KiB
HTML

<!doctype html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<div id="grid" style="display: inline-grid; grid-template-columns: 2fr;">
<div id="item" style="justify-self: baseline;"></div>
</div>
<br>
<div id="grid" style="display: inline-grid; grid-template-columns: minmax(100px, 4fr);">
<div id="item" style="justify-self: baseline;"></div>
</div>
<div id="grid" style="display: inline-grid; grid-template-columns: minmax(100px, 4fr);">
<div style="width: 100%; justify-self: baseline;"></div>
</div>
<div id="grid" style="display: inline-grid; grid-template-rows: 2fr;">
<div style="align-self: baseline;"></div>
</div>
<div id="grid" style="display: inline-grid; grid-template-rows: minmax(10px, 2fr);">
<div style="align-self: baseline;"></div>
</div>
<div id="grid" style="display: inline-grid; grid-template-rows: minmax(10px, 2fr);">
<div style="height: 100%; align-self: baseline;"></div>
</div>
<script>
test(() => {}, "No crash or assertion failure.");
</script>