Use grid area size rather than available space when applying aspect ratio to grid items (#656)
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <script src="../../scripts/gentest/test_helper.js"></script>
5 <link rel="stylesheet" type="text/css" href="../../scripts/gentest/test_base_style.css">
6 <title>
7 Test description
8 </title>
9</head>
10<body>
11
12<div class="viewport">
13 <div id="test-root" style="width: 100%; height: 40px; display: grid; justify-items: center;">
14 <div style="height: 100%; outline: 2px solid red;">
15 <div style="height: 100%; aspect-ratio: 1; background: slategray;"></div>
16 </div>
17 </div>
18</div>
19
20</body>
21</html>