| <!doctype html> |
| <style> |
| .flex-container { |
| display: flex; |
| height:100px; |
| width:200px; |
| background-color:pink; |
| flex-wrap: wrap; |
| } |
| .flex-item1 { |
| width: 100%; |
| background-color:blue; |
| border:1px solid; |
| border-color:red; |
| } |
| .flex-item2 { |
| width: 100%; |
| background-color:blue; |
| } |
| </style> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script src="../../resources/check-layout-th.js"></script> |
| <body> |
| <script> |
| function runTest() |
| { |
| var flexContainer = document.createElement("div"); |
| flexContainer.className += "flex-container"; |
| document.body.appendChild(flexContainer); |
| |
| var flexItem1 = document.createElement("div"); |
| flexItem1.id = "flexItem1"; |
| flexItem1.className += "flex-item1"; |
| flexItem1.setAttribute("data-expected-height", "51"); |
| flexContainer.appendChild(flexItem1); |
| |
| var flexItem2 = document.createElement("div"); |
| flexItem2.id = "flexItem2"; |
| flexItem2.className += "flex-item2"; |
| flexItem2.setAttribute("data-expected-height", "49"); |
| flexContainer.appendChild(flexItem2); |
| |
| var br = document.createElement("br"); |
| document.body.appendChild(br); |
| |
| flexContainer.style.alignContent = "initial"; |
| |
| checkLayout('.flex-container'); |
| } |
| |
| runTest(); |
| </script> |
| <p>'Test for BUG=647694 - align-content "stretch" is not applied by default when grid is disabled.'</p> |
| <div id="log"></div> |
| </body> |
