- 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