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

Re: [css3-multicol] new editor's draft

From: Shelby Moore <shelby@coolpage.com>
Date: Sun, 24 Oct 2010 19:33:48 -0400
Message-ID: <70af268b73033eccd394c42ba6dd9d5b.squirrel@sm.webmail.pair.com>
To: "Håkon Wium Lie" <howcome@opera.com>
Cc: "Alex Mogilevsky" <alexmog@microsoft.com>, www-style@w3.org
Håkon Wium Lie wrote
> Also sprach Shelby Moore:
>
>  > >  > >   http://lists.w3.org/Archives/Public/www-style/2010Aug/0492.html
>
>  > >  > http://lists.w3.org/Archives/Public/www-style/2010Aug/att-0492/image001.png
>
>  > >  > Is that an arbitrary choice you have made to violate the
> designer's
>  > >  > directive? For what benefit do you put this tsuris on the
> designer?
>  > >
>  > > The decision was made by the Working Group and my role, as editor, is
>  > > to implement the WG's decision. I'm not sure the WG wants to reopen
>  > > the issue. If you feel strongly about it, you may want to start by
>  > > convincing Alex.
>  >
>  > I will leave it to Alex's discretion. Alex perhaps if have time you
> might
>  > ponder my point and see if it sways you, which is I think we should
>  > minimize text that would be hidden, and respecting the designer's
> decision
>  > otherwise. Please see my prior post for details. I am probably not
> aware
>  > of some factor that caused you to choose a different tradeoff.
>
> Maybe I can help you. At least, I think I have a use case for
> 'column-span: all' when it appears in an overflow column.
>
> Say, you'd like this three-column design with a copyright text at the
> bottom:
>
>     Menu    | main article | another
>     item 1  | text and so  | box with
>     item 2  | forth just   | some
>     item 3  | some words   | content
>             | you know     | over here
>
>      Copyright © 1900-2000000000000
>
> Your markup could be:
>
>   <div class=menu>..</div>
>   <div class=article>..</div>
>   <div class=box>..</div>
>   <p class=copyright>...</p>
>
> You could achieve the above with this style sheet:
>
>   body { columns: 3 }
>   div { break-after: column }
>   p.copyright { column-span: all }
>
> However, since the p.copyright element will end up in an overflow
> column the 'column-span' property will -- as per the current CR --
> not have any effect.
>
> (Now, you could argue that the use case isn't terribly interesting as
> there is no way to set different widths on the columns. But that may
> be added in the future.)
>
> Hmm. I belive Alex' concern is that a stray element far out into the
> overflow area shouldn't re-enter the multicol box and cause the layout
> to be reflowed.

But afaics so far, that is only necessary when {overflow:hidden}. And
perhaps you could make a case for {overflow:visible}. But when the design
has turned on scrolling (overflow:scroll or overflow:auto), then the
designer is saying, "the sub-viewport for this content is constrained, but
the content itself should render as if it element box was the same size as
the content box".

> However, if we specify that 'column-span: all' in an overflow area
> just takes the element back in, underneath the content that has
> already been laid out, and stretches across the columns inside the
> multicol box, it seems doable. No?

Why should go underneath? Rather we must do what the designer specificed,
and it should span all the three columns at the top.

      Copyright © 1900-2000000000000
     Menu    | main article | another
     item 1  | text and so  | box with
     item 2  | forth just   | some
     item 3  | some words   | content
             | you know     | over here

However, if the column height has been constrained (height, max-height,
pagination) such that spanning the _prior_ column boxes would cause a
infinite loop (because the prior content gets pushed out of the prior
column boxes in an infinite loop), then it should span only the
_following_ column boxes, thus for inline overflow:

     Menu    | main article | another   | Copyright © 1900-2000000000000 |
     item 1  | text and so  | box with  | ........ | ........ | ........ |
     item 2  | forth just   | some      | ........ | ........ | ........ |
     item 3  | some words   | content   | ........ | ........ | ........ |
             | you know     | over here | ........ | ........ | ........ |

Or for block overflow:

     Menu    | main article | another
     item 1  | text and so  | box with
     item 2  | forth just   | some
     item 3  | some words   | content
             | you know     | over here

    Copyright © 1900-2000000000000
    ........ | ........ | ........
    ........ | ........ | ........
    ........ | ........ | ........
    ........ | ........ | ........
    ........ | ........ | ........

So if the content terminated with our Copyright © 1900-2000000000000, then
you will get:

     Menu    | main article | another   | Copyright |
     item 1  | text and so  | box with  | © 1900-   |
     item 2  | forth just   | some      | 2000000000|
     item 3  | some words   | content   | 000       |
             | you know     | over here
Received on Sunday, 24 October 2010 23:34:15 GMT

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