48 messages in org.w3.www-styleRe: Publishing the flexible box model
FromSent OnAttachments
L. David BaronJun 3, 2008 9:48 pm 
Alan GresleyJun 3, 2008 11:56 pm 
L. David BaronJun 4, 2008 12:22 am 
Anne van KesterenJun 4, 2008 1:12 am 
David HyattJun 4, 2008 1:46 pm 
Andrew FedonioukJun 4, 2008 5:50 pm 
L. David BaronJun 4, 2008 6:04 pm 
David HyattJun 4, 2008 6:54 pm 
Andrew FedonioukJun 4, 2008 8:09 pm.h
L. David BaronJun 4, 2008 10:23 pm 
L. David BaronJun 4, 2008 10:48 pm 
Andrew FedonioukJun 4, 2008 11:39 pm 
Andrew FedonioukJun 5, 2008 12:32 am 
Alan GresleyJun 5, 2008 12:34 am 
Robert O'CallahanJun 6, 2008 3:44 am 
fantasaiJun 6, 2008 8:12 am 
Andrew FedonioukJun 6, 2008 9:06 am 
Anne van KesterenJun 6, 2008 9:40 am 
Andrew FedonioukJun 6, 2008 9:54 am 
fantasaiJun 6, 2008 12:41 pm 
Andrew FedonioukJun 6, 2008 1:00 pm 
Robert O'CallahanJun 6, 2008 1:43 pm 
Andrew FedonioukJun 6, 2008 3:48 pm 
Robert O'CallahanJun 7, 2008 2:30 am 
Alan GresleyJun 7, 2008 7:24 am 
Alan GresleyJun 7, 2008 7:48 am 
Brad KemperJun 7, 2008 10:03 am 
Andrew FedonioukJun 7, 2008 1:34 pm 
Andrew FedonioukJun 7, 2008 2:46 pm 
Alan GresleyJun 7, 2008 8:56 pm 
Robert O'CallahanJun 9, 2008 5:48 pm 
Andrew FedonioukJun 9, 2008 7:22 pm 
Robert O'CallahanJun 9, 2008 7:59 pm 
L. David BaronJun 9, 2008 8:29 pm 
Andrew FedonioukJun 9, 2008 9:24 pm 
Andrew FedonioukJun 9, 2008 9:55 pm 
Robert O'CallahanJun 9, 2008 10:04 pm 
Andrew FedonioukJun 10, 2008 12:02 am 
Robert O'CallahanJun 10, 2008 1:46 am 
Alan GresleyJun 10, 2008 2:19 am 
Alan GresleyJun 10, 2008 2:35 am 
Alan GresleyJun 10, 2008 2:50 am 
Andrew FedonioukJun 10, 2008 12:58 pm 
Robert O'CallahanJun 10, 2008 2:34 pm 
Andrew FedonioukJun 10, 2008 4:07 pm 
Andrew FedonioukJun 10, 2008 4:30 pm 
Andrew FedonioukJun 10, 2008 4:39 pm 
Mike WilsonJun 12, 2008 4:46 am 
Actions with this message:
Paste this link in email or IM:
Paste this link in email or IM:
Atom feed for this thread
Paste this URL into your reader:
Subject:Re: Publishing the flexible box modelActions...
From:Andrew Fedoniouk (ne@terrainformatica.com)
Date:Jun 6, 2008 1:00:47 pm
List:org.w3.www-style

fantasai wrote:

Anne van Kesteren wrote:

On Fri, 06 Jun 2008 18:06:24 +0200, Andrew Fedoniouk <ne@terrainformatica.com> wrote:

How do flex-units interact with collapsing margins? E.g. <div style="overflow:auto; height:500px;"> <div style="height:1*; margin:1*;">Hello</div> <div style="height:2*; margin:2*;">Kitty</div> </div> How does that work? Allocating flex height first and then collapsing margins means the child divs don't fill the container. But trying to collapse margins before resolving the flex heights seems crazy.

I would collapse the adjacent flex margins so that 1* collapsing with 2* becomes a 2* gap. Then distribute the remaining space accordingly.

Correct. margin:1* collapse in the same way as margin:1em;

What if one margin is in flex units and the other is 100px or something?

I expect you'd keep two values for the margin: the fixed length, and the flex value. Collapsing two margins calc(2* + 100px) and calc(1* + 150px) would give you a collapsed margin of calc(2* + 150px). The 150px is always applied, and the flex value absorbs its quota of additional space when the available space is distributed.

By definition of the calc() function [1] flex units cannot be used there. "The expression within the parethesis is computed at the same time as 'em' lengths are computed" And flexes evaluated after that - as a final step of the layout.

As I said in previous message for cases when flex margin is collapsed with non-flex value we can use non-flex value as a min constraint and flex value as a weight (flex per se). So such margin will be computed according to the flex value but will be not-less than non-flex value. That is simple and human understandable.

The same applies to min/max-width/height - flex values have no sense for these attributes and flexes are used there they should evaluate to zero.

[1] http://www.w3.org/TR/css3-values/#calc

-- Andrew Fedoniouk.

http://terrainformatica.com