Skip to content

Commit db9a6d2

Browse files
tabatkinstabatkins
committed
Inserted issue about definition of 'flexbox item'.
Swapped back a few spurious layout=>measure replacements.
1 parent 05aa9f2 commit db9a6d2

2 files changed

Lines changed: 38 additions & 6 deletions

File tree

‎css3-flexbox/Overview.html‎

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
<html>
44
<head>
5-
<title>Flexible Box measure Module</title>
5+
<title>Flexible Box Layout Module</title>
66
<link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel=stylesheet
77
type="text/css">
88
<!-- TODO: remove before build -->
@@ -19,7 +19,7 @@
1919

2020
<body>
2121
<div class=head>
22-
<h1 id=head-box-flexible>Flexible Box measure Module</h1>
22+
<h1 id=head-box-flexible>Flexible Box Layout Module</h1>
2323

2424
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 1 March 2011</h2>
2525

@@ -84,7 +84,7 @@ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 1 March 2011</h2>
8484
<h2 class="no-num no-toc" id=abstract>Abstract</h2>
8585

8686
<p>The draft describes a CSS box model optimized for interface design. It
87-
provides an additional measure system alongside the ones already in CSS.
87+
provides an additional layout system alongside the ones already in CSS.
8888
<a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> In this new
8989
box model, the children of a box are laid out either horizontally or
9090
vertically, and unused space can be assigned to a particular child or
@@ -274,6 +274,23 @@ <h2 id=display-flexbox><span class=secno>2. </span> New values for
274274
flexbox children, as the anonymous block that is generated can't be
275275
targetted and controlled by the various flexbox properties.
276276

277+
<div class=issue>
278+
<p>ISSUE: Need to reword how flexbox items are determined. The algorithm
279+
clearly operates on the box tree, as it creates anonymous boxes, but it
280+
needs to operate kinda on elements. In particular, an inline child
281+
element that contains a block should be wrapped in a single flexbox item,
282+
rather than wrapping the pre-block and post-block parts in separate
283+
anonymous blocks and then the block inside being a flexbot item on its
284+
own.</p>
285+
286+
<p>Whatever wording is used here should be shared with the table-fixup
287+
algorithm, because it's essentially the identical problem. Perhaps we can
288+
have it operate on the element-tree and create anonymous pseudo-elements,
289+
similar to how ::outside would work? Pseudoelements don't interfere with
290+
normal selectors, so this would let us insert wrappers that work
291+
correctly without screwing up the way selectors work.</p>
292+
</div>
293+
277294
<p>A flexbox item creates a new BFC. The margins of a flexbox item do not
278295
collapse with any other margin. Flexboxes "shrinkwrap" their contents by
279296
default (when their &lsquo;<code class=property>width</code>&rsquo; or

‎css3-flexbox/Overview.src.html‎

Lines changed: 18 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
2-
<html><head><title>Flexible Box measure Module</title>
2+
<html><head><title>Flexible Box Layout Module</title>
33
<link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-ED"> <!-- TODO: remove before build -->
44
<link rel=stylesheet href=http://dev.w3.org/csswg/default.css>
55
<link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-[STATUS]">
@@ -12,7 +12,7 @@
1212
</head><body>
1313

1414
<div class="head">
15-
<h1 id="head-box-flexible">Flexible Box measure Module</h1>
15+
<h1 id="head-box-flexible">Flexible Box Layout Module</h1>
1616
<h2 class="no-num no-toc" id="w3c-working">[LONGSTATUS], [DATE]</h2>
1717

1818
<dl>
@@ -42,7 +42,7 @@ <h2 class="no-num no-toc" id="w3c-working">[LONGSTATUS], [DATE]</h2>
4242
<h2 class="no-num no-toc" id="abstract">Abstract</h2>
4343

4444
<p>The draft describes a CSS box model optimized for interface design.
45-
It provides an additional measure system alongside the ones already in
45+
It provides an additional layout system alongside the ones already in
4646
CSS. [[!CSS21]] In this new box model, the children of a box are
4747
laid out either horizontally or vertically, and unused space can be
4848
assigned to a particular child or distributed among the children by
@@ -157,6 +157,21 @@ <h2 id=display-flexbox>
157157
that is generated can't be targetted and controlled by the various flexbox
158158
properties.</p>
159159

160+
<div class=issue>
161+
<p>ISSUE: Need to reword how flexbox items are determined. The
162+
algorithm clearly operates on the box tree, as it creates anonymous boxes,
163+
but it needs to operate kinda on elements. In particular, an inline child
164+
element that contains a block should be wrapped in a single flexbox item, rather
165+
than wrapping the pre-block and post-block parts in separate anonymous blocks
166+
and then the block inside being a flexbot item on its own.</p>
167+
<p>Whatever wording is used here should be shared with the table-fixup
168+
algorithm, because it's essentially the identical problem. Perhaps we can
169+
have it operate on the element-tree and create anonymous pseudo-elements,
170+
similar to how ::outside would work? Pseudoelements don't interfere with
171+
normal selectors, so this would let us insert wrappers that work correctly
172+
without screwing up the way selectors work.</p>
173+
</div>
174+
160175
<p>A flexbox item creates a new BFC. The margins of a flexbox item
161176
do not collapse with any other margin. Flexboxes "shrinkwrap" their contents
162177
by default (when their 'width' or 'height' properties are ''auto''), similar

0 commit comments

Comments
 (0)