Skip to content

Commit c16edc4

Browse files
committed
[css-scroll-snap] Add DoC
1 parent adc3d07 commit c16edc4

File tree

2 files changed

+144
-0
lines changed

2 files changed

+144
-0
lines changed
Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
Draft: https://www.w3.org/TR/2017/CR-css-scroll-snap-1-20170824/
2+
Title: CSS Scroll Snap Level 1
3+
4+
----
5+
Issue 1.
6+
Summary: Consider more specific guidance for scroll-into-view
7+
From: fantasai
8+
Comment: https://github.com/w3c/csswg-drafts/issues/1707
9+
Response: https://github.com/w3c/csswg-drafts/issues/1707#issuecomment-342565591
10+
Changes: https://github.com/w3c/csswg-drafts/commit/17f6d8d8dc1e0f7f20db04db2a8cb50452177337
11+
Closed: Accepted
12+
Verified: Commenter is editor
13+
Resolved: TPAC 2017
14+
----
15+
Issue 2.
16+
Summary: Stray reference to point value of scroll-snap-type
17+
From: alrdytaken
18+
Comment: https://github.com/w3c/csswg-drafts/issues/1759
19+
Response: https://github.com/w3c/csswg-drafts/issues/1759#issuecomment-349104842
20+
Changes: https://github.com/w3c/csswg-drafts/commit/adc3d074d52e6edad3422b94ff6acd3d1e38ba0f
21+
Closed: Accepted
22+
Resolved: Editorial
23+
----
24+
Issue 3.
25+
Summary: Define term for boxes that create scroll snap areas
26+
From: alrdytaken
27+
Comment: https://github.com/w3c/csswg-drafts/issues/1760
28+
Response: https://github.com/w3c/csswg-drafts/issues/1760#issuecomment-349105752
29+
Closed: Rejected
30+
Resolved: Editorial
31+
----
32+
Issue 4.
33+
Summary: Rename scroll-snap-margin to scroll-margin?
34+
From: Alan Stearns
35+
Comment: https://github.com/w3c/csswg-drafts/issues/1954
36+
Open: =WG= Discuss.
37+
----
Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Scroll Snap Level 1 Disposition of Comments for 2017-08-24 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+
.a { background: #52E052 }
8+
.d { background: #8CCBF2 }
9+
.oi { background: #E0CB52 }
10+
.r { background: orange }
11+
.fo { background: #f66 }
12+
pre.a { background: #E9FBE9 }
13+
pre.d { background: #DEF }
14+
pre.oi { background: #FCFAEE }
15+
pre.r { background: #FFEECC }
16+
pre.fo { background: #FBE9E9 }
17+
.open { border: solid red; }
18+
:target { box-shadow: 0.25em 0.25em 0.25em; }
19+
a[href^=mid], a[href~=flatten] { text-decoration: none; }
20+
abbr { font-weight: bold; }
21+
</style>
22+
23+
<h1>CSS Scroll Snap Level 1 Disposition of Comments for 2017-08-24 CR</h1>
24+
25+
<p>Dated Draft: <a href="https://www.w3.org/TR/2017/CR-css-scroll-snap-1-20170824/">https://www.w3.org/TR/2017/CR-css-scroll-snap-1-20170824/</a>
26+
27+
<p>Editor's Draft: <a href="http://drafts.csswg.org/css-scroll-snap-1/">http://drafts.csswg.org/css-scroll-snap-1/</a>
28+
29+
<p>The following color coding convention is used for comments:</p>
30+
31+
<ul>
32+
<li class="a">Accepted or Rejected and positive response
33+
<li class="r">Rejected and no response
34+
<li class="fo">Rejected and negative response
35+
<li class="d">Deferred
36+
<li class="oi">Out-of-Scope or Invalid and not verified
37+
</ul>
38+
39+
<p class=open>Open issues are marked like this</p>
40+
41+
<p>An issue can be closed as <code>Accepted</code>, <code>OutOfScope</code>,
42+
<code>Invalid</code>, <code>Rejected</code>, or <code>Retracted</code>.
43+
<code>Verified</code> indicates commentor's acceptance of the response.</p>
44+
<pre class=' a' id='issue-1'>
45+
<span>Issue 1. <a href='#issue-1'>#</a></span>
46+
<span>Summary: Consider more specific guidance for scroll-into-view</span>
47+
<span>From: fantasai</span>
48+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1707'>https://github.com/w3c/csswg-drafts/issues/1707</a></span>
49+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/1707#issuecomment-342565591'>https://github.com/w3c/csswg-drafts/issues/1707#issuecomment-342565591</a></span>
50+
<span>Changes: <a href='https://github.com/w3c/csswg-drafts/commit/17f6d8d8dc1e0f7f20db04db2a8cb50452177337'>https://github.com/w3c/csswg-drafts/commit/17f6d8d8dc1e0f7f20db04db2a8cb50452177337</a></span>
51+
<span class="a">Closed: Accepted</span>
52+
<span class="a">Verified: Commenter is editor</span>
53+
<span>Resolved: TPAC 2017</span></pre>
54+
<pre class=' a' id='issue-2'>
55+
<span>Issue 2. <a href='#issue-2'>#</a></span>
56+
<span>Summary: Stray reference to point value of scroll-snap-type</span>
57+
<span>From: alrdytaken</span>
58+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1759'>https://github.com/w3c/csswg-drafts/issues/1759</a></span>
59+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/1759#issuecomment-349104842'>https://github.com/w3c/csswg-drafts/issues/1759#issuecomment-349104842</a></span>
60+
<span>Changes: <a href='https://github.com/w3c/csswg-drafts/commit/adc3d074d52e6edad3422b94ff6acd3d1e38ba0f'>https://github.com/w3c/csswg-drafts/commit/adc3d074d52e6edad3422b94ff6acd3d1e38ba0f</a></span>
61+
<span class="a">Closed: Accepted</span>
62+
<span>Resolved: Editorial</span></pre>
63+
<pre class=' r' id='issue-3'>
64+
<span>Issue 3. <a href='#issue-3'>#</a></span>
65+
<span>Summary: Define term for boxes that create scroll snap areas</span>
66+
<span>From: alrdytaken</span>
67+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1760'>https://github.com/w3c/csswg-drafts/issues/1760</a></span>
68+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/1760#issuecomment-349105752'>https://github.com/w3c/csswg-drafts/issues/1760#issuecomment-349105752</a></span>
69+
<span class="r">Closed: Rejected</span>
70+
<span>Resolved: Editorial</span></pre>
71+
<pre class='open ' id='issue-4'>
72+
<span>Issue 4. <a href='#issue-4'>#</a></span>
73+
<span>Summary: Rename scroll-snap-margin to scroll-margin?</span>
74+
<span>From: Alan Stearns</span>
75+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1954'>https://github.com/w3c/csswg-drafts/issues/1954</a></span>
76+
<span class="">Open: =WG= Discuss.</span></pre>
77+
<script>
78+
(function () {
79+
var sheet = document.styleSheets[0];
80+
function addCheckbox(className) {
81+
var element = document.querySelector('*.' + className);
82+
var span = document.createElement('span');
83+
span.innerHTML = element.innerHTML;
84+
element.innerHTML = null;
85+
var check = document.createElement('input');
86+
check.type = 'checkbox';
87+
if (className == 'open') {
88+
check.checked = false;
89+
sheet.insertRule('pre:not(.open)' + '{}', sheet.cssRules.length);
90+
check.onchange = function (e) {
91+
rule.style.display = this.checked ? 'none' : 'block';
92+
}
93+
}
94+
else {
95+
check.checked = true;
96+
sheet.insertRule('pre.' + className + '{}', sheet.cssRules.length);
97+
check.onchange = function (e) {
98+
rule.style.display = this.checked ? 'block' : 'none';
99+
}
100+
}
101+
var rule = sheet.cssRules[sheet.cssRules.length - 1];
102+
element.appendChild(check);
103+
element.appendChild(span);
104+
}
105+
['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox);
106+
}());
107+
</script>

0 commit comments

Comments
 (0)