⎇ devin/1784875552-bfc-beside-floats
test_fixtures/flex/multiline_column_max_height.html
Historia
crudo
Fix wrapping when a max main size style is present (#694)
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 <meta name="wpt-test-port" value="css/css-flexbox/multiline-column-max-height.html" />
7 <title>
8 Test description
9 </title>
10</head>
11<body>
12
13<div id="test-root" style="display: flex; flex-flow: column wrap; max-height: 200px;">
14 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
15 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
16 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
17 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
18 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
19 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
20 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
21 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
22 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
23 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
24 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
25 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
26 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
27 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
28 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
29 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
30 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
31 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
32 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
33 <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
34</div>
35
36</body>
37</html>