forked from w3c/csswg-drafts
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathissues-lc-20150514.html
289 lines (282 loc) · 20.9 KB
/
issues-lc-20150514.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Flexible Box Layout Level 3 Disposition of Comments for 2015-05-14 LCWD</title>
<style type="text/css">
pre { border: solid thin silver; padding: 0.2em; white-space: normal; }
pre > span { display: block; white-space: pre; }
:not(pre).a { background: lightgreen }
:not(pre).d { background: lightblue }
:not(pre).oi { background: yellow }
:not(pre).r { background: orange }
:not(pre).fo { background: red }
.open { border: solid red; }
:target { box-shadow: 0.25em 0.25em 0.25em; }
</style>
<h1>CSS Flexible Box Layout Level 3 Disposition of Comments for 2015-05-14 LCWD</h1>
<p>Dated Draft: <a href="http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/">http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/</a>
<p>Editor's Draft: <a href="http://drafts.csswg.org/css-flexbox-1/">http://drafts.csswg.org/css-flexbox-1/</a>
<p>The following color coding convention is used for comments:</p>
<ul>
<li class="a">Accepted or Rejected and positive response
<li class="r">Rejected and no response
<li class="fo">Rejected and negative response
<li class="d">Deferred
<li class="oi">Out-of-Scope or Invalid and not verified
</ul>
<p class=open>Open issues are marked like this</p>
<p>An issue can be closed as <code>Accepted</code>, <code>OutOfScope</code>,
<code>Invalid</code>, <code>Rejected</code>, or <code>Retracted</code>.
<code>Verified</code> indicates commentor's acceptance of the response.</p>
<pre class=' a' id='issue-1'>
<span>Issue 1. <a href='#issue-1'>#</a></span>
<span>Summary: min/max-content sizes of flex containers incorrectly defined</span>
<span>From: fantasai</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jul/0429.html'>https://lists.w3.org/Archives/Public/www-style/2015Jul/0429.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0212.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0212.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Nov/0189.html'>https://lists.w3.org/Archives/Public/www-style/2015Nov/0189.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: Bugfix</span>
<span class="a">Verified: reporter is spec editor</span></pre>
<pre class=' a' id='issue-2'>
<span>Issue 2. <a href='#issue-2'>#</a></span>
<span>Summary: Should min/max-content sizes of flex containers include flex-basis?</span>
<span>From: fantasai</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0212.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0212.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0007.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0007.html</a></span>
<span class="a">Closed: Retracted</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0038.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0038.html</a></span>
<span class="a">Verified: reporter is spec editor</span></pre>
<pre class=' a' id='issue-3'>
<span>Issue 3. <a href='#issue-3'>#</a></span>
<span>Summary: Can percentages resolve given min-size: auto?</span>
<span>From: Daniel Holbert</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Mar/0031.html'>https://lists.w3.org/Archives/Public/www-style/2015Mar/0031.html</a></span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0205.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0205.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0014.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0014.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0038.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0038.html</a></span>
<span class="a">Verified: reporter participated in task force that proposed resolution</span></pre>
<pre class=' oi' id='issue-4'>
<span>Issue 4. <a href='#issue-4'>#</a></span>
<span>Summary: Quirks mode percentage size resolution, 'flex: 1', and intrinsic heights</span>
<span>From: Christian Biesinger</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0027.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0027.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0232.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0232.html</a></span>
<span class="oi">Closed: Invalid</span></pre>
<pre class=' a' id='issue-5'>
<span>Issue 5. <a href='#issue-5'>#</a></span>
<span>Summary: Static position of abspos incompatible with css-align definition</span>
<span>From: Christian Biesinger</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jul/0357.html'>https://lists.w3.org/Archives/Public/www-style/2015Jul/0357.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0018.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0018.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0142.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0142.html</a></span>
<span class="a">Verified: <a href='http://krijnhoetmer.nl/irc-logs/css/20151202#l-49'>http://krijnhoetmer.nl/irc-logs/css/20151202#l-49</a></span></pre>
<pre class=' a' id='issue-6'>
<span>Issue 6. <a href='#issue-6'>#</a></span>
<span>Summary: Do flex item determination before anonymous box fixup.</span>
<span>From: fantasai</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jul/0246.html'>https://lists.w3.org/Archives/Public/www-style/2015Jul/0246.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0038.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0038.html</a></span>
<span class="a">Verified: reporter is spec editor</span></pre>
<pre class=' a' id='issue-7'>
<span>Issue 7. <a href='#issue-7'>#</a></span>
<span>Summary: Clarify % margin/padding behavior</span>
<span>From: Daniel Holbert</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jul/0052.html'>https://lists.w3.org/Archives/Public/www-style/2015Jul/0052.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Nov/0190.html'>https://lists.w3.org/Archives/Public/www-style/2015Nov/0190.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: Editorial</span></pre>
<pre class=' a' id='issue-8'>
<span>Issue 8. <a href='#issue-8'>#</a></span>
<span>Summary: Add a11y requirements to authoring tools</span>
<span>From: fantasai</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jun/0180.html'>https://lists.w3.org/Archives/Public/www-style/2015Jun/0180.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0348.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0348.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0064.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0064.html</a></span>
<span class="a">Verified: reporter is spec editor</span></pre>
<pre class=' a' id='issue-9'>
<span>Issue 9. <a href='#issue-9'>#</a></span>
<span>Summary: Editorial Comments </span>
<span>From: timeless</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jun/0075.html'>https://lists.w3.org/Archives/Public/www-style/2015Jun/0075.html</a></span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jun/0085.html'>https://lists.w3.org/Archives/Public/www-style/2015Jun/0085.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0344.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0344.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0346.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0346.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: Editorial</span></pre>
<pre class=' a' id='issue-10'>
<span>Issue 10. <a href='#issue-10'>#</a></span>
<span>Summary: Broken Styling</span>
<span>From: Ryan Prichard</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jun/0020.html'>https://lists.w3.org/Archives/Public/www-style/2015Jun/0020.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jun/0027.html'>https://lists.w3.org/Archives/Public/www-style/2015Jun/0027.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Note: Bug appears to have disappeared?</span>
<span>Resolved: Editorial</span></pre>
<pre class=' a' id='issue-11'>
<span>Issue 11. <a href='#issue-11'>#</a></span>
<span>Summary: Blink objects to percentage-margin change</span>
<span>From: Tab Atkins Jr.</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Feb/0521.html'>https://lists.w3.org/Archives/Public/www-style/2015Feb/0521.html</a></span>
<span>Note: Accepting this reversal will require a corresponding change to Grid.</span>
<span class="a">Closed: Accepted</span>
<span>Notes: Amended spec to allow both behaviors, as the CSSWG had no consensus.</span>
<span class="a">Verified: reporter is editor</span>
<span>Minutes: <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0038.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0038.html</a></span>
<span> <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0113.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0113.html</a></span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0233.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0233.html</a></span></pre>
<pre class=' a' id='issue-12'>
<span>Issue 12. <a href='#issue-12'>#</a></span>
<span>Summary: Intrinsic Cross size of flex container totally wrong</span>
<span>From: fantasai</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0253.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0253.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0055.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0055.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0233.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0233.html</a></span>
<span class="a">Verified: reporter is spec editor</span></pre>
<pre class=' a' id='issue-13'>
<span>Issue 13. <a href='#issue-13'>#</a></span>
<span>Summary: Revert omitted flex-basis 0 -> 0% change</span>
<span>From fantasai</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jul/0429.html'>https://lists.w3.org/Archives/Public/www-style/2015Jul/0429.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0212.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0212.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0064.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0064.html</a></span>
<span class="a">Verified: reporter is spec editor</span></pre>
<pre class=' r' id='issue-14'>
<span>Issue 14. <a href='#issue-14'>#</a></span>
<span>Summary: Use first available baseline instead of first item's baseline</span>
<span>From: timeless</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0345.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0345.html</a></span>
<span>Response: </span>
<span class="r">Closed: Rejected</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0064.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0064.html</a></span></pre>
<pre class=' r' id='issue-15'>
<span>Issue 15. <a href='#issue-15'>#</a></span>
<span>Summary: Add a tab-order property</span>
<span>From: Bo Campbell</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0285.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0285.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0347.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0347.html</a></span>
<span class="r">Closed: Rejected</span></pre>
<pre class='open ' id='issue-16'>
<span>Issue 16. <a href='#issue-16'>#</a></span>
<span>Summary: Are abspos whose containing block is flexbox affected by % resolution change?</span>
<span>From: Mats Palmgren</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015May/0154.html'>https://lists.w3.org/Archives/Public/www-style/2015May/0154.html</a></span>
<span class="">Open: Depends on issue #11</span>
<span>Note: WG appears to lean towards consistency within grid/flex over consistency within abspos</span></pre>
<pre class=' d' id='issue-18'>
<span>Issue 18. <a href='#issue-18'>#</a></span>
<span>Summary: Minimum spacing between flex items vs. around flex items</span>
<span>From: Den</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jul/0108.html'>https://lists.w3.org/Archives/Public/www-style/2015Jul/0108.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jul/0109.html'>https://lists.w3.org/Archives/Public/www-style/2015Jul/0109.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jul/0151.html'>https://lists.w3.org/Archives/Public/www-style/2015Jul/0151.html</a></span>
<span class="d">Closed: Deferred</span></pre>
<pre class=' a' id='issue-19'>
<span>Issue 19. <a href='#issue-19'>#</a></span>
<span>Summary: Blockify internal table elements instead of wrapping them in anonymous boxes</span>
<span>From: fantasai</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jul/0246.html'>https://lists.w3.org/Archives/Public/www-style/2015Jul/0246.html</a></span>
<span>Response: </span>
<span class="a">Closed: Accepted</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0038.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0038.html</a></span>
<span class="a">Verified: reporter is spec editor</span></pre>
<pre class=' a' id='issue-20'>
<span>Issue 20. <a href='#issue-20'>#</a></span>
<span>Summary: Applies-to error for justify-items</span>
<span>From: Javier Fernandez</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jul/0413.html'>https://lists.w3.org/Archives/Public/www-style/2015Jul/0413.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jul/0425.html'>https://lists.w3.org/Archives/Public/www-style/2015Jul/0425.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: Bugfix</span></pre>
<pre class=' a' id='issue-21'>
<span>Issue 21. <a href='#issue-21'>#</a></span>
<span>Summary: Interaction of min-height: auto and scrollbars</span>
<span>From: Christian Biesinger</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0022.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0022.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0023.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0023.html</a></span>
<span class="">Closed: Question</span>
<span class="a">Verified: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0024.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0024.html</a></span></pre>
<pre class=' a' id='issue-22'>
<span>Issue 22. <a href='#issue-22'>#</a></span>
<span>Summary: Editorial comments</span>
<span>From: timeless</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jun/0075.html'>https://lists.w3.org/Archives/Public/www-style/2015Jun/0075.html</a></span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jun/0085.html'>https://lists.w3.org/Archives/Public/www-style/2015Jun/0085.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0344.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0344.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0346.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0346.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: Editorial</span></pre>
<pre class=' oi' id='issue-23'>
<span>Issue 23. <a href='#issue-23'>#</a></span>
<span>Summary: Typo?</span>
<span>From: Christian Biesinger</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0224.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0224.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Sep/0225.html'>https://lists.w3.org/Archives/Public/www-style/2015Sep/0225.html</a></span>
<span class="oi">Closed: Invalid</span></pre>
<pre class=' oi' id='issue-24'>
<span>Issue 24. <a href='#issue-24'>#</a></span>
<span>Summary: Breaking lines at max-height/width not defined</span>
<span>From: Christian Biesinger</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Oct/0099.html'>https://lists.w3.org/Archives/Public/www-style/2015Oct/0099.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0021.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0021.html</a></span>
<span class="oi">Closed: Invalid</span></pre>
<pre class=' oi' id='issue-25'>
<span>Issue 25. <a href='#issue-25'>#</a></span>
<span>Summary: <textarea> as flex container</span>
<span>From: John Waterson</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Oct/0115.html'>https://lists.w3.org/Archives/Public/www-style/2015Oct/0115.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Oct/0116.html'>https://lists.w3.org/Archives/Public/www-style/2015Oct/0116.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0024.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0024.html</a></span>
<span class="oi">Closed: OutOfScope</span></pre>
<pre class=' a' id='issue-26'>
<span>Issue 26. <a href='#issue-26'>#</a></span>
<span>Summary: Percentages resolving against definite max-height</span>
<span>From: Tab and fantasai</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Nov/0067.html'>https://lists.w3.org/Archives/Public/www-style/2015Nov/0067.html</a></span>
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0029.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0029.html</a></span>
<span class="oi">Closed: Invalid</span>
<span class="a">Verified: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0029.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0029.html</a></span></pre>
<pre class=' a' id='issue-27'>
<span>Issue 27. <a href='#issue-27'>#</a></span>
<span>Summary: Fragmentation rule forces break-inside: avoid</span>
<span>From: fantasai</span>
<span>Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0163.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0163.html</a></span>
<span class="a">Closed: Accepted</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Dec/0233.html'>https://lists.w3.org/Archives/Public/www-style/2015Dec/0233.html</a></span>
<span class="a">Verified: Reporter is spec editor</span></pre>
<script>
(function () {
var sheet = document.styleSheets[0];
function addCheckbox(className) {
var element = document.querySelector('*.' + className);
var span = document.createElement('span');
span.innerHTML = element.innerHTML;
element.innerHTML = null;
var check = document.createElement('input');
check.type = 'checkbox';
if (className == 'open') {
check.checked = false;
sheet.insertRule('pre:not(.open)' + '{}', sheet.cssRules.length);
check.onchange = function (e) {
rule.style.display = this.checked ? 'none' : 'block';
}
}
else {
check.checked = true;
sheet.insertRule('pre.' + className + '{}', sheet.cssRules.length);
check.onchange = function (e) {
rule.style.display = this.checked ? 'block' : 'none';
}
}
var rule = sheet.cssRules[sheet.cssRules.length - 1];
element.appendChild(check);
element.appendChild(span);
}
['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox);
}());
</script>