Skip to content

Commit d4c3279

Browse files
committed
[css-flexbox] Add preliminary DoC
1 parent dc1225c commit d4c3279

File tree

2 files changed

+175
-0
lines changed

2 files changed

+175
-0
lines changed

css-flexbox/issues-cr-2016.bsi

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
Draft: https://www.w3.org/TR/2016/CR-css-flexbox-1-20160301/
2+
Title: CSS Flexible Box Layout Level 1
3+
4+
----
5+
Issue 1.
6+
Summary: Clarify that spatial navigation can honor 'order'
7+
From: a11y person
8+
Comment:
9+
Response:
10+
Open: Accepted
11+
----
12+
Issue 2.
13+
Summary: Clarify in 9.8 that auto-height flex containers can also create definiteness
14+
From: Christian Biesinger
15+
Comment: https://lists.w3.org/Archives/Public/www-style/2016Mar/0121.html
16+
Response: [Add cross-reference from 9.8 to that section]
17+
Open: Accepted
18+
----
19+
Issue 3.
20+
Summary: Define how child percentages factor into intrinsic size calculations
21+
From: Christian Biesinger
22+
Comment: https://lists.w3.org/Archives/Public/www-style/2016Mar/0322.html
23+
Open: Make percentage children behave as auto for calculating intrinsic size
24+
----
25+
Issue 4.
26+
Summary: Aren't absolutely-positioned flex containers always definite?
27+
From: Christian Biesinger
28+
Comment: https://lists.w3.org/Archives/Public/www-style/2016Mar/0180.html
29+
Response: No, shrinkwrapped absposes are not definite
30+
Open: Invalid
31+
Note: Add example of "other formula" to Sizing
32+
----
33+
Issue 5.
34+
Summary: Does 9.8 make some sizes *indefinite* that were previously definite
35+
From: Christian Biesinger
36+
Comment: https://lists.w3.org/Archives/Public/www-style/2016Feb/0319.html
37+
Response: No
38+
Closed: Invalid
39+
Verified: in person
40+
----
41+
Issue 6.
42+
Summary: What about unresolvable percentages?
43+
From: Christian Biesinger
44+
Comment: https://lists.w3.org/Archives/Public/www-style/2016Feb/0008.html
45+
Open: Use better wording for fallback to 'content' definition in 7.2.3 'flex-basis'
46+
----
47+
Issue 7.
48+
Summary: Why is a flex item with definite flex basis not definite in an indefinite container?
49+
From: Christian Biesinger
50+
Comment: https://lists.w3.org/Archives/Public/www-style/2016Feb/0316.html
51+
Response: Because that would make the size depend on an indefinite size, which makes it by definition indefinite
52+
----
53+
Issue 8.
54+
Summary: Clarify that inflexible items with definite basis are definite
55+
From: fantasai
56+
----

css-flexbox/issues-cr-2016.html

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,119 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Flexible Box Layout Level 1 Disposition of Comments for 2016-03-01 CR</title>
4+
<style type="text/css">
5+
pre { border: solid thin silver; padding: 0.2em; white-space: normal; }
6+
pre > span { display: block; white-space: pre; }
7+
:not(pre).a { background: lightgreen }
8+
:not(pre).d { background: lightblue }
9+
:not(pre).oi { background: yellow }
10+
:not(pre).r { background: orange }
11+
:not(pre).fo { background: red }
12+
.open { border: solid red; }
13+
:target { box-shadow: 0.25em 0.25em 0.25em; }
14+
</style>
15+
16+
<h1>CSS Flexible Box Layout Level 1 Disposition of Comments for 2016-03-01 CR</h1>
17+
18+
<p>Dated Draft: <a href="https://www.w3.org/TR/2016/CR-css-flexbox-1-20160301/">https://www.w3.org/TR/2016/CR-css-flexbox-1-20160301/</a>
19+
20+
<p>Editor's Draft: <a href="http://drafts.csswg.org/css-flexbox-1/">http://drafts.csswg.org/css-flexbox-1/</a>
21+
22+
<p>The following color coding convention is used for comments:</p>
23+
24+
<ul>
25+
<li class="a">Accepted or Rejected and positive response
26+
<li class="r">Rejected and no response
27+
<li class="fo">Rejected and negative response
28+
<li class="d">Deferred
29+
<li class="oi">Out-of-Scope or Invalid and not verified
30+
</ul>
31+
32+
<p class=open>Open issues are marked like this</p>
33+
34+
<p>An issue can be closed as <code>Accepted</code>, <code>OutOfScope</code>,
35+
<code>Invalid</code>, <code>Rejected</code>, or <code>Retracted</code>.
36+
<code>Verified</code> indicates commentor's acceptance of the response.</p>
37+
<pre class='open a' id='issue-1'>
38+
<span>Issue 1. <a href='#issue-1'>#</a></span>
39+
<span>Summary: Clarify that spatial navigation can honor 'order'</span>
40+
<span>From: a11y person</span>
41+
<span>Comment: </span>
42+
<span>Response: </span>
43+
<span class="a">Open: Accepted</span></pre>
44+
<pre class='open a' id='issue-2'>
45+
<span>Issue 2. <a href='#issue-2'>#</a></span>
46+
<span>Summary: Clarify in 9.8 that auto-height flex containers can also create definiteness</span>
47+
<span>From: Christian Biesinger</span>
48+
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2016Mar/0121.html'>https://lists.w3.org/Archives/Public/www-style/2016Mar/0121.html</a></span>
49+
<span>Response: [Add cross-reference from 9.8 to that section]</span>
50+
<span class="a">Open: Accepted</span></pre>
51+
<pre class='open ' id='issue-3'>
52+
<span>Issue 3. <a href='#issue-3'>#</a></span>
53+
<span>Summary: Define how child percentages factor into intrinsic size calculations</span>
54+
<span>From: Christian Biesinger</span>
55+
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2016Mar/0322.html'>https://lists.w3.org/Archives/Public/www-style/2016Mar/0322.html</a></span>
56+
<span class="">Open: Make percentage children behave as auto for calculating intrinsic size</span></pre>
57+
<pre class='open oi' id='issue-4'>
58+
<span>Issue 4. <a href='#issue-4'>#</a></span>
59+
<span>Summary: Aren't absolutely-positioned flex containers always definite?</span>
60+
<span>From: Christian Biesinger</span>
61+
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2016Mar/0180.html'>https://lists.w3.org/Archives/Public/www-style/2016Mar/0180.html</a></span>
62+
<span>Response: No, shrinkwrapped absposes are not definite</span>
63+
<span class="oi">Open: Invalid</span>
64+
<span>Note: Add example of "other formula" to Sizing</span></pre>
65+
<pre class=' a' id='issue-5'>
66+
<span>Issue 5. <a href='#issue-5'>#</a></span>
67+
<span>Summary: Does 9.8 make some sizes *indefinite* that were previously definite</span>
68+
<span>From: Christian Biesinger</span>
69+
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2016Feb/0319.html'>https://lists.w3.org/Archives/Public/www-style/2016Feb/0319.html</a></span>
70+
<span>Response: No</span>
71+
<span class="oi">Closed: Invalid</span>
72+
<span class="a">Verified: in person</span></pre>
73+
<pre class='open ' id='issue-6'>
74+
<span>Issue 6. <a href='#issue-6'>#</a></span>
75+
<span>Summary: What about unresolvable percentages?</span>
76+
<span>From: Christian Biesinger</span>
77+
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2016Feb/0008.html'>https://lists.w3.org/Archives/Public/www-style/2016Feb/0008.html</a></span>
78+
<span class="">Open: Use better wording for fallback to 'content' definition in 7.2.3 'flex-basis'</span></pre>
79+
<pre class=' ' id='issue-7'>
80+
<span>Issue 7. <a href='#issue-7'>#</a></span>
81+
<span>Summary: Why is a flex item with definite flex basis not definite in an indefinite container?</span>
82+
<span>From: Christian Biesinger</span>
83+
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2016Feb/0316.html'>https://lists.w3.org/Archives/Public/www-style/2016Feb/0316.html</a></span>
84+
<span>Response: Because that would make the size depend on an indefinite size, which makes it by definition indefinite</span></pre>
85+
<pre class=' ' id='issue-8'>
86+
<span>Issue 8. <a href='#issue-8'>#</a></span>
87+
<span>Summary: Clarify that inflexible items with definite basis are definite</span>
88+
<span>From: fantasai</span></pre>
89+
<script>
90+
(function () {
91+
var sheet = document.styleSheets[0];
92+
function addCheckbox(className) {
93+
var element = document.querySelector('*.' + className);
94+
var span = document.createElement('span');
95+
span.innerHTML = element.innerHTML;
96+
element.innerHTML = null;
97+
var check = document.createElement('input');
98+
check.type = 'checkbox';
99+
if (className == 'open') {
100+
check.checked = false;
101+
sheet.insertRule('pre:not(.open)' + '{}', sheet.cssRules.length);
102+
check.onchange = function (e) {
103+
rule.style.display = this.checked ? 'none' : 'block';
104+
}
105+
}
106+
else {
107+
check.checked = true;
108+
sheet.insertRule('pre.' + className + '{}', sheet.cssRules.length);
109+
check.onchange = function (e) {
110+
rule.style.display = this.checked ? 'block' : 'none';
111+
}
112+
}
113+
var rule = sheet.cssRules[sheet.cssRules.length - 1];
114+
element.appendChild(check);
115+
element.appendChild(span);
116+
}
117+
['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox);
118+
}());
119+
</script>

0 commit comments

Comments
 (0)