Add style property for flex-basis

Add the style property for flex-basis. The property should allow all
values acceptable for `width`|`height` with the addition of `content`.
This commit is contained in:
Daniel Robertson 2016-04-17 22:07:36 -04:00
parent 1946c71a96
commit 2d9d31ee04
No known key found for this signature in database
GPG key ID: 9977F4E5FC7AAE3B
8 changed files with 117 additions and 18 deletions

View file

@ -5,24 +5,23 @@
<link href="reference/ref-pass-body.htm" rel="match">
<meta content="dom" name="flags">
<style>
html {
body {
display: flex;
width: 100px;
}
body {
div {
color: red;
margin: 0;
flex-basis: 100%;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="test"><h1>FAIL, enable javascript</h1>
<script>
var body = document.body;
var test = document.getElementById("test");
var passed =
getComputedStyle(body).getPropertyValue("flex-basis") ==
getComputedStyle(test).getPropertyValue("flex-basis") ==
"100%";
body.textContent = body.className = passed ? "PASS" : "FAIL";
test.textContent = test.className = passed ? "PASS" : "FAIL";
</script>
</body></html>
</body></html>