fix edge case of flex: 1

This commit is contained in:
Christopher Chedeau
2014-04-15 16:39:42 -07:00
parent 8ebd69437a
commit 9313d3d11e
2 changed files with 20 additions and 4 deletions

View File

@@ -66,6 +66,10 @@ function computeLayout(node) {
return 'column';
}
function getFlex(node) {
return node.style.flex === 1;
}
var axis = {
left: 'horizontal',
right: 'horizontal',
@@ -109,7 +113,7 @@ function computeLayout(node) {
var mainContentDim = 0;
var flexibleChildrenCount = 0;
children.forEach(function(child) {
if (!child.style.flex) {
if (node.layout[dim[mainAxis]] === undefined || !getFlex(child)) {
layoutNode(child);
mainContentDim += child.layout[dim[mainAxis]] +
getMargin(leading[mainAxis], child) +
@@ -126,7 +130,7 @@ function computeLayout(node) {
if (flexibleChildrenCount) {
var flexibleMainDim = remainingMainDim / flexibleChildrenCount;
children.forEach(function(child) {
if (child.style.flex) {
if (getFlex(child)) {
child.layout[dim[mainAxis]] = flexibleMainDim;
layoutNode(child);
}