|
| 1 | +<!DOCTYPE html> |
| 2 | +<meta charset="utf-8"> |
| 3 | +<title>CSS Contain Level 1 Disposition of Comments for 2017-02-21 WD</title> |
| 4 | +<style type="text/css"> |
| 5 | + .a { background: lightgreen } |
| 6 | + .d { background: lightblue } |
| 7 | + .r { background: orange } |
| 8 | + .fo { background: red } |
| 9 | + .open { border: solid red; padding: 0.2em; } |
| 10 | + :target { box-shadow: 0.25em 0.25em 0.25em; } |
| 11 | +</style> |
| 12 | + |
| 13 | +<h1>CSS Contain Level 1 Disposition of Comments for 2017-02-21 WD</h1> |
| 14 | + |
| 15 | +<p>Review document: <a href="https://www.w3.org/TR/2017/WD-css-contain-1-20170221/">https://www.w3.org/TR/2017/WD-css-contain-1-20170221/</a> |
| 16 | + |
| 17 | +<p>Editor's draft: <a href="http://dev.w3.org/csswg/css-contain-1/">http://dev.w3.org/csswg/css-contain-1/</a> |
| 18 | + |
| 19 | +<p>The following color coding convention is used for comments:</p> |
| 20 | + |
| 21 | +<ul> |
| 22 | + <li class="a">Accepted or Rejected and positive response |
| 23 | + <li class="r">Rejected and no response |
| 24 | + <li class="fo">Rejected and negative response |
| 25 | + <li class="d">Deferred |
| 26 | + <li class="oi">Out-of-Scope or Invalid and not verified |
| 27 | +</ul> |
| 28 | + |
| 29 | +<p class=open>Open issues are marked like this</p> |
| 30 | + |
| 31 | +<p>An issue can be closed as <code>Accepted</code>, <code>OutOfScope</code>, |
| 32 | +<code>Invalid</code>, <code>Rejected</code>, or <code>Retracted</code>. |
| 33 | +<code>Verified</code> indicates commentor's acceptance of the response.</p> |
| 34 | + <pre class='a' id='issue-1'> |
| 35 | +Issue 1. <a href='#issue-1'>#</a> |
| 36 | +Summary: layout containment should make an element containing block for absolute/fixed positioned elements |
| 37 | +From: David Baron |
| 38 | +Comment: <a href='https://github.com/w3c/csswg-drafts/issues/404#issue-170956476'>https://github.com/w3c/csswg-drafts/issues/404#issue-170956476</a> |
| 39 | +Response: <a href='https://github.com/w3c/csswg-drafts/issues/404#issuecomment-295148939'>https://github.com/w3c/csswg-drafts/issues/404#issuecomment-295148939</a> |
| 40 | +Closed: Accepted |
| 41 | +Resolved: <a href='https://github.com/w3c/csswg-drafts/issues/404#issuecomment-295148939'>https://github.com/w3c/csswg-drafts/issues/404#issuecomment-295148939</a></pre> |
| 42 | +<pre class='a' id='issue-2'> |
| 43 | +Issue 2. <a href='#issue-2'>#</a> |
| 44 | +Summary: Unclear what contain:size does for replaced elements |
| 45 | +From: Tab Atkins |
| 46 | +Comment: <a href='https://github.com/w3c/csswg-drafts/issues/382#issue-169478944'>https://github.com/w3c/csswg-drafts/issues/382#issue-169478944</a> |
| 47 | +Response: <a href='https://github.com/w3c/csswg-drafts/issues/382#issuecomment-295148501'>https://github.com/w3c/csswg-drafts/issues/382#issuecomment-295148501</a> |
| 48 | +Closed: Accepted |
| 49 | +Resolved: <a href='https://github.com/w3c/csswg-drafts/issues/382#issuecomment-295148501<Paste>'>https://github.com/w3c/csswg-drafts/issues/382#issuecomment-295148501<Paste></a></pre> |
| 50 | +<pre class='d' id='issue-3'> |
| 51 | +Issue 3. <a href='#issue-3'>#</a> |
| 52 | +Summary: We may want size containement in 1d |
| 53 | +From: David Baron |
| 54 | +Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1031#issue-207386839'>https://github.com/w3c/csswg-drafts/issues/1031#issue-207386839</a> |
| 55 | +Response: <a href='https://github.com/w3c/csswg-drafts/issues/1031#issuecomment-295152488'>https://github.com/w3c/csswg-drafts/issues/1031#issuecomment-295152488</a> |
| 56 | +Closed: Deferred |
| 57 | +Resolved: <a href='https://github.com/w3c/csswg-drafts/issues/1031#issuecomment-295152488'>https://github.com/w3c/csswg-drafts/issues/1031#issuecomment-295152488</a></pre> |
| 58 | +<pre class='r' id='issue-4'> |
| 59 | +Issue 4. <a href='#issue-4'>#</a> |
| 60 | +Summary: Make It easier to use contain: size in cases where the size is unknown |
| 61 | +From: bmaurer |
| 62 | +Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1043#issue-208209686'>https://github.com/w3c/csswg-drafts/issues/1043#issue-208209686</a> |
| 63 | +Response: <a href='https://github.com/w3c/csswg-drafts/issues/1043#issuecomment-281277097'>https://github.com/w3c/csswg-drafts/issues/1043#issuecomment-281277097</a> |
| 64 | +Closed: Rejected |
| 65 | +Resolved: <a href='https://github.com/w3c/csswg-drafts/issues/1043#issuecomment-295157661'>https://github.com/w3c/csswg-drafts/issues/1043#issuecomment-295157661</a></pre> |
| 66 | +<pre class='a' id='issue-5'> |
| 67 | +Issue 5. <a href='#issue-5'>#</a> |
| 68 | +Summary: Use proper HTML in markup example |
| 69 | +From: Thierry Koblentz |
| 70 | +Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1058#issue-209813058'>https://github.com/w3c/csswg-drafts/issues/1058#issue-209813058</a> |
| 71 | +Response: <a href='https://github.com/w3c/csswg-drafts/issues/1058#issuecomment-282089800'>https://github.com/w3c/csswg-drafts/issues/1058#issuecomment-282089800</a> |
| 72 | +Closed: Accepted |
| 73 | +Verified: <a href='https://github.com/w3c/csswg-drafts/issues/1058#issuecomment-282330942'>https://github.com/w3c/csswg-drafts/issues/1058#issuecomment-282330942</a> |
| 74 | +Resolved: Editorial</pre> |
| 75 | +<pre class='a' id='issue-6'> |
| 76 | +Issue 6. <a href='#issue-6'>#</a> |
| 77 | +Summary: Clarify ambiguous phrasing |
| 78 | +From: Florian Rivoal |
| 79 | +Comment: <a href='https://github.com/w3c/csswg-drafts/issues/830#issue-197360152'>https://github.com/w3c/csswg-drafts/issues/830#issue-197360152</a> |
| 80 | +Closed: Accepted |
| 81 | +Resolved: Editors' discretion</pre> |
| 82 | +<pre class='a' id='issue-7'> |
| 83 | +Issue 7. <a href='#issue-7'>#</a> |
| 84 | +Summary: Reuse "ink overflow" terminology |
| 85 | +From: Florian Rivoal |
| 86 | +Comment: <a href='https://github.com/w3c/csswg-drafts/issues/396#issue-170423394'>https://github.com/w3c/csswg-drafts/issues/396#issue-170423394</a> |
| 87 | +Closed: Accepted |
| 88 | +Resolved: Editors' discretion</pre> |
| 89 | +<pre class='a' id='issue-8'> |
| 90 | +Issue 8. <a href='#issue-8'>#</a> |
| 91 | +Summary: Layout containment and overflow |
| 92 | +From: Tab Atkins |
| 93 | +Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2016Feb/0314.html'>https://lists.w3.org/Archives/Public/www-style/2016Feb/0314.html</a> |
| 94 | +Closed: Accepted |
| 95 | +Resolved: <a href='http://www.w3.org/mid/CADhPm3vDKAKWCeUgPGC_T2BCSBCq1byCOJfzVfX8i+BbYqOC1Q@mail.gmail.com'>http://www.w3.org/mid/CADhPm3vDKAKWCeUgPGC_T2BCSBCq1byCOJfzVfX8i+BbYqOC1Q@mail.gmail.com</a></pre> |
| 96 | +<pre class='a' id='issue-9'> |
| 97 | +Issue 9. <a href='#issue-9'>#</a> |
| 98 | +Summary: Splitting the "sizing" part from "layout" containment |
| 99 | +From: Tab Atkins |
| 100 | +Comment: <a href='http://www.w3.org/mid/CAAWBYDBe5Qq7Xb3Cxi6ee4y4b6FxbwYM_mxinvhjpkdWKFAiqw@mail.gmail.com'>http://www.w3.org/mid/CAAWBYDBe5Qq7Xb3Cxi6ee4y4b6FxbwYM_mxinvhjpkdWKFAiqw@mail.gmail.com</a> |
| 101 | +Response: <a href='http://www.w3.org/mid/CAAWBYDCa-LHxVFGACoGav19wWztQg_GRDmS8fEf=EJaF_B0now@mail.gmail.com'>http://www.w3.org/mid/CAAWBYDCa-LHxVFGACoGav19wWztQg_GRDmS8fEf=EJaF_B0now@mail.gmail.com</a> |
| 102 | +Response: <a href='http://www.w3.org/mid/AEA060EC-7235-4C90-97BE-CBC317229714@rivoal.net'>http://www.w3.org/mid/AEA060EC-7235-4C90-97BE-CBC317229714@rivoal.net</a> |
| 103 | +Response: <a href='https://lists.w3.org/Archives/Public/www-style/2016Apr/0384.html'>https://lists.w3.org/Archives/Public/www-style/2016Apr/0384.html</a> |
| 104 | +Closed: Accepted |
| 105 | +Resolved: Editors' discretion</pre> |
| 106 | +<pre class='a' id='issue-10'> |
| 107 | +Issue 10. <a href='#issue-10'>#</a> |
| 108 | +Summary: Remove dependency of paint containment on overflow clip |
| 109 | +From: leviw |
| 110 | +Comment: <a href='http://www.w3.org/mid/CADhPm3sME1oBdWnJ-kQikH0jGLC6xYamWr3qvsa6FurQLLeb_A@mail.gmail.com'>http://www.w3.org/mid/CADhPm3sME1oBdWnJ-kQikH0jGLC6xYamWr3qvsa6FurQLLeb_A@mail.gmail.com</a> |
| 111 | +Closed: Accepted |
| 112 | +Resolved: <a href='http://www.w3.org/mid/CADhPm3sME1oBdWnJ-kQikH0jGLC6xYamWr3qvsa6FurQLLeb_A@mail.gmail.com'>http://www.w3.org/mid/CADhPm3sME1oBdWnJ-kQikH0jGLC6xYamWr3qvsa6FurQLLeb_A@mail.gmail.com</a></pre> |
| 113 | +<pre class='a' id='issue-11'> |
| 114 | +Issue 11. <a href='#issue-11'>#</a> |
| 115 | +Summary: Overflow when layout containment is on should be ink overflow |
| 116 | +From: Florian Rvoal |
| 117 | +Comment: <a href='http://www.w3.org/mid/86302BF1-1488-4E69-8529-3332B5A0BB9A@rivoal.net'>http://www.w3.org/mid/86302BF1-1488-4E69-8529-3332B5A0BB9A@rivoal.net</a> |
| 118 | +Response: <a href='http://www.w3.org/mid/CADhPm3t4RuTWnQr_dDtd18zQEBYRzfi0P35R_HACZGyPmbwVTA@mail.gmail.com'>http://www.w3.org/mid/CADhPm3t4RuTWnQr_dDtd18zQEBYRzfi0P35R_HACZGyPmbwVTA@mail.gmail.com</a> |
| 119 | +Response: <a href='https://github.com/w3c/csswg-drafts/commit/02e25a3f48bd0cd1be349513a024d71891d64de0'>https://github.com/w3c/csswg-drafts/commit/02e25a3f48bd0cd1be349513a024d71891d64de0</a> |
| 120 | +Closed: Accepted |
| 121 | +Resolved: Editors' discretion</pre> |
| 122 | +<pre class='a' id='issue-12'> |
| 123 | +Issue 12. <a href='#issue-12'>#</a> |
| 124 | +Summary: The 'contain' property doesn't work well with regions |
| 125 | +From: Florian Rivoal |
| 126 | +Comment: <a href='http://www.w3.org/mid/EF27E698-1B0A-47DB-ACF1-DACE59126A03@rivoal.net'>http://www.w3.org/mid/EF27E698-1B0A-47DB-ACF1-DACE59126A03@rivoal.net</a> |
| 127 | +Response: <a href='http://www.w3.org/mid/D1B9B001.29FD3%25stearns@adobe.com'>http://www.w3.org/mid/D1B9B001.29FD3%25stearns@adobe.com</a> |
| 128 | +Response: <a href='http://www.w3.org/mid/2A0F0B36-6765-475D-85D9-0AE7DDE6EB94@rivoal.net'>http://www.w3.org/mid/2A0F0B36-6765-475D-85D9-0AE7DDE6EB94@rivoal.net</a> |
| 129 | +Response: <a href='http://www.w3.org/mid/CAAWBYDA+4yz2952hHaf576B6rZdanJsYOQVn5Cg6zgZtd9REdw@mail.gmail.com'>http://www.w3.org/mid/CAAWBYDA+4yz2952hHaf576B6rZdanJsYOQVn5Cg6zgZtd9REdw@mail.gmail.com</a> |
| 130 | +Closed: Accepted |
| 131 | +Resolved: Editors' discretion</pre> |
| 132 | +<script> |
| 133 | +(function () { |
| 134 | + var sheet = document.styleSheets[0]; |
| 135 | + function addCheckbox(className) { |
| 136 | + var element = document.querySelector('*.' + className); |
| 137 | + var label = document.createElement('label'); |
| 138 | + label.innerHTML = element.innerHTML; |
| 139 | + element.innerHTML = null; |
| 140 | + var check = document.createElement('input'); |
| 141 | + check.type = 'checkbox'; |
| 142 | + if (className == 'open') { |
| 143 | + check.checked = false; |
| 144 | + sheet.insertRule('pre:not(.open)' + '{}', sheet.cssRules.length); |
| 145 | + check.onchange = function (e) { |
| 146 | + rule.style.display = this.checked ? 'none' : 'block'; |
| 147 | + } |
| 148 | + } |
| 149 | + else { |
| 150 | + check.checked = true; |
| 151 | + sheet.insertRule('pre.' + className + '{}', sheet.cssRules.length); |
| 152 | + check.onchange = function (e) { |
| 153 | + rule.style.display = this.checked ? 'block' : 'none'; |
| 154 | + } |
| 155 | + } |
| 156 | + var rule = sheet.cssRules[sheet.cssRules.length - 1]; |
| 157 | + element.appendChild(label); |
| 158 | + label.insertBefore(check, label.firstChild); |
| 159 | + } |
| 160 | + ['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox); |
| 161 | +}()); |
| 162 | +</script> |
0 commit comments