forked from mirrors/gecko-dev
fc11ef0b3f
The optimized code path for nested grid layout should only set the BSize of the child frames, since this is what the optimization is for. Without the change, the ISize is always going to be set to 0 for child frames which may break the layout. Sometimes, it is not an issue because the ISize of the grid area gets updated, so the cached measurement becomes invalid, and the ISize of the child frame gets set to the correct one again. Differential Revision: https://phabricator.services.mozilla.com/D130828
37 lines
852 B
HTML
37 lines
852 B
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/
|
|
-->
|
|
<html><head>
|
|
<link rel="author" title="Sean Feng" href="mailto:sefeng@mozilla.com">
|
|
<title>CSS Grid Test: Nested grid contains an item that overflows the viewport</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-grid">
|
|
<link rel="match" href="nested-grid-item-block-size-001-ref.html">
|
|
<style>
|
|
.container {
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
list-style: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
img {
|
|
block-size: 55vw;
|
|
aspect-ratio: 2/1;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<ul class="container">
|
|
<li>
|
|
<div style="display: inline-block;">
|
|
<div style="display: grid;">
|
|
<img src="support/colors-8x16.png">
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</body>
|
|
</html>
|