csswg-drafts/css-contain-2/issues-2019-10-fpwd.html at master · tjdev7/csswg-drafts · GitHub

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
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Contain Level 2 Disposition of Comments for 2019-10-15 WD</title>
<style>
  .a  { background: lightgreen }
  .d  { background: lightblue  }
  .r  { background: orange     }
  .fo { background: red        }
  .open   { border: solid red; padding: 0.2em; }
  :target { box-shadow: 0.25em 0.25em 0.25em;  }
</style>

<h1>CSS Contain Level 2 Disposition of Comments for 2019-10-15 WD</h1>

<p>Review document: <a href="https://www.w3.org/TR/2019/WD-css-contain-2-20191015/">https://www.w3.org/TR/2019/WD-css-contain-2-20191015/</a>

<p>Editor's draft: <a href="http://dev.w3.org/csswg/css-contain-2/">http://dev.w3.org/csswg/css-contain-2/</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'>
Issue 1. <a href='#issue-1'>#</a>
Summary:  Suggest Rephrasing in Introduction
From:     Chris Needham
Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/4466'>https://github.com/w3c/csswg-drafts/issues/4466</a>
Response: <a href='https://github.com/w3c/csswg-drafts/pull/3898'>https://github.com/w3c/csswg-drafts/pull/3898</a>
Closed:   Accepted
Resolved: Editorial</pre>
<script>
(function () {
    var sheet = document.styleSheets[0];
    function addCheckbox(className) {
        var element = document.querySelector('*.' + className);
        var label = document.createElement('label');
        label.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(label);
        label.insertBefore(check, label.firstChild);
    }
    ['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox);
}());
</script>