W3C home > Mailing lists > Public > www-style@w3.org > May 2010

Re: [css3-flex] calc(flex) and concept of free space.

From: Andrew Fedoniouk <news@terrainformatica.com>
Date: Sat, 29 May 2010 19:43:14 -0700
Message-ID: <8402EA462C3848DBA53B153DF4F03294@terra3>
To: "Tab Atkins Jr." <jackalmage@gmail.com>
Cc: <www-style@w3.org>
First of all, Tab, don't get all this personally.
You did and do a great job to make all this to happen.

Simply consider my questions as coming from 
ordinary Web developer who get used to 
write things like 
<td width="70%" /><td width="30%" />
and would expect flexes to be "percents made right".

--------------------------------------------------
From: "Tab Atkins Jr." <jackalmage@gmail.com>
Sent: Saturday, May 29, 2010 5:51 PM
To: "Andrew Fedoniouk" <news@terrainformatica.com>
Cc: <www-style@w3.org>
Subject: Re: [css3-flex] calc(flex) and concept of free space.


>> And what be the name of this entity? If positive
>> it is "free space" if negative then "over constrained space"
>> or "overflowed space"? Something like that?
> 
> It's just called "free space".  That may not be a perfect name, but
> it's only used in explanations, so shrug.  I could certainly use a
> different word if necessary.
> 

Ok, fuzzy but let it be "free space".

>>
>> So you say that here
>>
>>  A {  width: calc(100px + 10%); }
>>
>> 100px participates in min-content-width calculations, and
>> here
>>  B {  width: calc(100px + 10fx); }
>>
>> it is not?
> 
> I have no idea what you are talking about here.
> 

Say you have a container with horizontal 
block flow and overflow: auto and 
with these two children:

<div flow:horizontal overflow: auto>
   <A width:calc(100px + 1%)  />
   <B width:calc(100px + 1fx)  />
</div>

Question: what is the minimal width 
of the div container that will trigger h-scrollbar
to appear? In other words what is min-intrinsic width
of its content?

The same question about this:
<div flow:horizontal overflow: auto>
   <A width:calc(100px + 0%)  />
   <B width:calc(100px + 0fx)  />
</div>

> 
>> Say here:
>> B {  width: calc(100px + 0fx); }
>> 100px is that "preferred" width? And so final width can take any value
>> either less or over that 100px?
> 
> That length is not flexible.
> 
> 

That is what I suspected.

So intrinsic width of this div 

<div>
  <a  width: calc(100px + 0.0001fx) />
</div>

is  zero.  And intrinsic width of this one

<div>
  <a  width: calc(100px + 0fx) />
</div>

is 100px.

Correct?

If "yes" then here:

<div overflow:auto>
  <a  width: calc(100px + 1px/100% * 1fx) />
</div>

all its width values except some in the middle
will cause horizontal scrollbar to appear suddenly?
So all this setup is dependent on bit capacity.
Or did I miss something again?

-- 
Andrew Fedoniouk

http://terrainformatica.com

 
Received on Sunday, 30 May 2010 02:43:48 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:27 GMT