- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 01 Mar 2011 02:20:24 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-flexbox In directory hutz:/tmp/cvs-serv19492 Modified Files: Overview.html Overview.src.html Log Message: Inserted issue about definition of 'flexbox item'. Swapped back a few spurious layout=>measure replacements. Index: Overview.html =================================================================== RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v retrieving revision 1.17 retrieving revision 1.18 diff -u -d -r1.17 -r1.18 --- Overview.html 1 Mar 2011 02:11:17 -0000 1.17 +++ Overview.html 1 Mar 2011 02:20:22 -0000 1.18 @@ -2,7 +2,7 @@ <html> <head> - <title>Flexible Box measure Module</title> + <title>Flexible Box Layout Module</title> <link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel=stylesheet type="text/css"> <!-- TODO: remove before build --> @@ -19,7 +19,7 @@ <body> <div class=head> - <h1 id=head-box-flexible>Flexible Box measure Module</h1> + <h1 id=head-box-flexible>Flexible Box Layout Module</h1> <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 1 March 2011</h2> @@ -84,7 +84,7 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2> <p>The draft describes a CSS box model optimized for interface design. It - provides an additional measure system alongside the ones already in CSS. + provides an additional layout system alongside the ones already in CSS. <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> In this new box model, the children of a box are laid out either horizontally or vertically, and unused space can be assigned to a particular child or @@ -274,6 +274,23 @@ flexbox children, as the anonymous block that is generated can't be targetted and controlled by the various flexbox properties. + <div class=issue> + <p>ISSUE: Need to reword how flexbox items are determined. The algorithm + clearly operates on the box tree, as it creates anonymous boxes, but it + needs to operate kinda on elements. In particular, an inline child + element that contains a block should be wrapped in a single flexbox item, + rather than wrapping the pre-block and post-block parts in separate + anonymous blocks and then the block inside being a flexbot item on its + own.</p> + + <p>Whatever wording is used here should be shared with the table-fixup + algorithm, because it's essentially the identical problem. Perhaps we can + have it operate on the element-tree and create anonymous pseudo-elements, + similar to how ::outside would work? Pseudoelements don't interfere with + normal selectors, so this would let us insert wrappers that work + correctly without screwing up the way selectors work.</p> + </div> + <p>A flexbox item creates a new BFC. The margins of a flexbox item do not collapse with any other margin. Flexboxes "shrinkwrap" their contents by default (when their ‘<code class=property>width</code>’ or Index: Overview.src.html =================================================================== RCS file: /sources/public/csswg/css3-flexbox/Overview.src.html,v retrieving revision 1.14 retrieving revision 1.15 diff -u -d -r1.14 -r1.15 --- Overview.src.html 1 Mar 2011 02:11:17 -0000 1.14 +++ Overview.src.html 1 Mar 2011 02:20:22 -0000 1.15 @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html><head><title>Flexible Box measure Module</title> +<html><head><title>Flexible Box Layout Module</title> <link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-ED"> <!-- TODO: remove before build --> <link rel=stylesheet href=http://dev.w3.org/csswg/default.css> <link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-[STATUS]"> @@ -12,7 +12,7 @@ </head><body> <div class="head"> - <h1 id="head-box-flexible">Flexible Box measure Module</h1> + <h1 id="head-box-flexible">Flexible Box Layout Module</h1> <h2 class="no-num no-toc" id="w3c-working">[LONGSTATUS], [DATE]</h2> <dl> @@ -42,7 +42,7 @@ <h2 class="no-num no-toc" id="abstract">Abstract</h2> <p>The draft describes a CSS box model optimized for interface design. - It provides an additional measure system alongside the ones already in + It provides an additional layout system alongside the ones already in CSS. [[!CSS21]] In this new box model, the children of a box are laid out either horizontally or vertically, and unused space can be assigned to a particular child or distributed among the children by @@ -157,6 +157,21 @@ that is generated can't be targetted and controlled by the various flexbox properties.</p> + <div class=issue> + <p>ISSUE: Need to reword how flexbox items are determined. The + algorithm clearly operates on the box tree, as it creates anonymous boxes, + but it needs to operate kinda on elements. In particular, an inline child + element that contains a block should be wrapped in a single flexbox item, rather + than wrapping the pre-block and post-block parts in separate anonymous blocks + and then the block inside being a flexbot item on its own.</p> + <p>Whatever wording is used here should be shared with the table-fixup + algorithm, because it's essentially the identical problem. Perhaps we can + have it operate on the element-tree and create anonymous pseudo-elements, + similar to how ::outside would work? Pseudoelements don't interfere with + normal selectors, so this would let us insert wrappers that work correctly + without screwing up the way selectors work.</p> + </div> + <p>A flexbox item creates a new BFC. The margins of a flexbox item do not collapse with any other margin. Flexboxes "shrinkwrap" their contents by default (when their 'width' or 'height' properties are ''auto''), similar
Received on Tuesday, 1 March 2011 02:20:26 UTC