Skip to content

Commit 64ca38e

Browse files
committed
[css-scroll-snap-1] Add DoC
1 parent 9e4d465 commit 64ca38e

File tree

2 files changed

+200
-0
lines changed

2 files changed

+200
-0
lines changed
+65
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
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: Sentence about transforms vs scroll-margin unclear
7+
From: Sandra Yunjia Sun
8+
Comment: https://github.com/w3c/csswg-drafts/issues/2214
9+
Response: https://github.com/w3c/csswg-drafts/issues/2214#issuecomment-361447047
10+
Changes: https://github.com/w3c/csswg-drafts/commit/3f426e4d53db089f6dec9dc4f19eed6218e315e0
11+
Closed: Accepted
12+
Resolved: Editorial
13+
----
14+
Issue 2.
15+
Summary: scroll-snap-align values assigned backwards
16+
From: fantasai
17+
Comment: https://github.com/w3c/csswg-drafts/issues/2232
18+
Changes: https://github.com/w3c/csswg-drafts/commit/4e24ba8f657af52f5345550fa9fb2abcea30945a
19+
Open: Accepted =WG= Check this?
20+
Resolved: ???
21+
----
22+
Issue 3.
23+
Summary: Path to Interop
24+
From: Majid Valipour
25+
Comment: https://github.com/w3c/csswg-drafts/issues/2523
26+
Response: https://github.com/w3c/csswg-drafts/issues/2523#issuecomment-381219197
27+
Closed: Invalid
28+
Verified: https://github.com/w3c/csswg-drafts/issues/2523#issuecomment-381223985
29+
----
30+
Issue 4.
31+
Summary: Clarify interaction between mandatory strictness and visiblity req
32+
From: Majid Valipour
33+
Comment: https://github.com/w3c/csswg-drafts/issues/2526
34+
Response: https://github.com/w3c/csswg-drafts/issues/2526#issuecomment-380370805
35+
Response: https://github.com/w3c/csswg-drafts/issues/2526#issuecomment-399242018
36+
Changes: https://github.com/w3c/csswg-drafts/commit/244c3cdba734943db9c8eef404a342047a14c683
37+
Resolved: Editorial
38+
Verified:
39+
----
40+
Issue 5.
41+
Summary: Interaction of scroll snapping and scrollIntoView()
42+
From: Tab Atkins
43+
Comment: https://github.com/w3c/csswg-drafts/issues/2593
44+
Response: https://github.com/w3c/csswg-drafts/issues/2593#issuecomment-385099549
45+
Changes: https://github.com/w3c/csswg-drafts/commit/e84ea2ebdc7087df1ec3d19baeee3a8fcc9494bf
46+
Closed: Accepted
47+
Resolved: https://lists.w3.org/Archives/Public/www-style/2018May/0004.html
48+
----
49+
Issue 6.
50+
Summary: Why doesn't scroll-snap-type allow per-axis snapping?
51+
From: JonJohnJohnson
52+
Comment: https://github.com/w3c/csswg-drafts/issues/2728
53+
Response: https://github.com/w3c/csswg-drafts/issues/2728#issuecomment-395859327
54+
Closed: ???? (Can't tell if this is Rejected/Deferred or just a Question)
55+
Resolved: Editor discretion
56+
----
57+
Issue 7.
58+
Summary: Add scroll-padding: auto to account for UA heuristics
59+
From: Hazel Seanor
60+
Comment: https://github.com/w3c/csswg-drafts/issues/2929
61+
Response: https://github.com/w3c/csswg-drafts/issues/2929#issuecomment-407570328
62+
Changes: https://github.com/w3c/csswg-drafts/commit/9e4d46510d3fe00eb2af8f92246023e87be0d33d
63+
Closed: Accepted
64+
Resolved: https://lists.w3.org/Archives/Public/www-style/2018Aug/0000.html
65+
----
+135
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
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: Sentence about transforms vs scroll-margin unclear</span>
47+
<span>From: Sandra Yunjia Sun</span>
48+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/2214'>https://github.com/w3c/csswg-drafts/issues/2214</a></span>
49+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/2214#issuecomment-361447047'>https://github.com/w3c/csswg-drafts/issues/2214#issuecomment-361447047</a></span>
50+
<span>Changes: <a href='https://github.com/w3c/csswg-drafts/commit/3f426e4d53db089f6dec9dc4f19eed6218e315e0'>https://github.com/w3c/csswg-drafts/commit/3f426e4d53db089f6dec9dc4f19eed6218e315e0</a></span>
51+
<span class="a">Closed: Accepted</span>
52+
<span>Resolved: Editorial</span></pre>
53+
<pre class='open a' id='issue-2'>
54+
<span>Issue 2. <a href='#issue-2'>#</a></span>
55+
<span>Summary: scroll-snap-align values assigned backwards</span>
56+
<span>From: fantasai</span>
57+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/2232'>https://github.com/w3c/csswg-drafts/issues/2232</a></span>
58+
<span>Changes: <a href='https://github.com/w3c/csswg-drafts/commit/4e24ba8f657af52f5345550fa9fb2abcea30945a'>https://github.com/w3c/csswg-drafts/commit/4e24ba8f657af52f5345550fa9fb2abcea30945a</a></span>
59+
<span class="a">Open: Accepted =WG= Check this?</span>
60+
<span>Resolved: ???</span></pre>
61+
<pre class=' a' id='issue-3'>
62+
<span>Issue 3. <a href='#issue-3'>#</a></span>
63+
<span>Summary: Path to Interop</span>
64+
<span>From: Majid Valipour</span>
65+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/2523'>https://github.com/w3c/csswg-drafts/issues/2523</a></span>
66+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/2523#issuecomment-381219197'>https://github.com/w3c/csswg-drafts/issues/2523#issuecomment-381219197</a></span>
67+
<span class="oi">Closed: Invalid</span>
68+
<span class="a">Verified: <a href='https://github.com/w3c/csswg-drafts/issues/2523#issuecomment-381223985'>https://github.com/w3c/csswg-drafts/issues/2523#issuecomment-381223985</a></span></pre>
69+
<pre class=' ' id='issue-4'>
70+
<span>Issue 4. <a href='#issue-4'>#</a></span>
71+
<span>Summary: Clarify interaction between mandatory strictness and visiblity req</span>
72+
<span>From: Majid Valipour</span>
73+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/2526'>https://github.com/w3c/csswg-drafts/issues/2526</a></span>
74+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/2526#issuecomment-380370805'>https://github.com/w3c/csswg-drafts/issues/2526#issuecomment-380370805</a></span>
75+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/2526#issuecomment-399242018'>https://github.com/w3c/csswg-drafts/issues/2526#issuecomment-399242018</a></span>
76+
<span>Changes: <a href='https://github.com/w3c/csswg-drafts/commit/244c3cdba734943db9c8eef404a342047a14c683'>https://github.com/w3c/csswg-drafts/commit/244c3cdba734943db9c8eef404a342047a14c683</a></span>
77+
<span>Resolved: Editorial</span>
78+
<span>Verified:</span></pre>
79+
<pre class=' a' id='issue-5'>
80+
<span>Issue 5. <a href='#issue-5'>#</a></span>
81+
<span>Summary: Interaction of scroll snapping and scrollIntoView()</span>
82+
<span>From: Tab Atkins</span>
83+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/2593'>https://github.com/w3c/csswg-drafts/issues/2593</a></span>
84+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/2593#issuecomment-385099549'>https://github.com/w3c/csswg-drafts/issues/2593#issuecomment-385099549</a></span>
85+
<span>Changes: <a href='https://github.com/w3c/csswg-drafts/commit/e84ea2ebdc7087df1ec3d19baeee3a8fcc9494bf'>https://github.com/w3c/csswg-drafts/commit/e84ea2ebdc7087df1ec3d19baeee3a8fcc9494bf</a></span>
86+
<span class="a">Closed: Accepted</span>
87+
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2018May/0004.html'>https://lists.w3.org/Archives/Public/www-style/2018May/0004.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2018May/0004.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
88+
<pre class=' ' id='issue-6'>
89+
<span>Issue 6. <a href='#issue-6'>#</a></span>
90+
<span>Summary: Why doesn't scroll-snap-type allow per-axis snapping?</span>
91+
<span>From: JonJohnJohnson</span>
92+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/2728'>https://github.com/w3c/csswg-drafts/issues/2728</a></span>
93+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/2728#issuecomment-395859327'>https://github.com/w3c/csswg-drafts/issues/2728#issuecomment-395859327</a></span>
94+
<span class="">Closed: ???? (Can't tell if this is Rejected/Deferred or just a Question)</span>
95+
<span>Resolved: Editor discretion</span></pre>
96+
<pre class=' a' id='issue-7'>
97+
<span>Issue 7. <a href='#issue-7'>#</a></span>
98+
<span>Summary: Add scroll-padding: auto to account for UA heuristics</span>
99+
<span>From: Hazel Seanor</span>
100+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/2929'>https://github.com/w3c/csswg-drafts/issues/2929</a></span>
101+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/2929#issuecomment-407570328'>https://github.com/w3c/csswg-drafts/issues/2929#issuecomment-407570328</a></span>
102+
<span>Changes: <a href='https://github.com/w3c/csswg-drafts/commit/9e4d46510d3fe00eb2af8f92246023e87be0d33d'>https://github.com/w3c/csswg-drafts/commit/9e4d46510d3fe00eb2af8f92246023e87be0d33d</a></span>
103+
<span class="a">Closed: Accepted</span>
104+
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2018Aug/0000.html'>https://lists.w3.org/Archives/Public/www-style/2018Aug/0000.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2018Aug/0000.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
105+
<script>
106+
(function () {
107+
var sheet = document.styleSheets[0];
108+
function addCheckbox(className) {
109+
var element = document.querySelector('*.' + className);
110+
var span = document.createElement('span');
111+
span.innerHTML = element.innerHTML;
112+
element.innerHTML = null;
113+
var check = document.createElement('input');
114+
check.type = 'checkbox';
115+
if (className == 'open') {
116+
check.checked = false;
117+
sheet.insertRule('pre:not(.open)' + '{}', sheet.cssRules.length);
118+
check.onchange = function (e) {
119+
rule.style.display = this.checked ? 'none' : 'block';
120+
}
121+
}
122+
else {
123+
check.checked = true;
124+
sheet.insertRule('pre.' + className + '{}', sheet.cssRules.length);
125+
check.onchange = function (e) {
126+
rule.style.display = this.checked ? 'block' : 'none';
127+
}
128+
}
129+
var rule = sheet.cssRules[sheet.cssRules.length - 1];
130+
element.appendChild(check);
131+
element.appendChild(span);
132+
}
133+
['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox);
134+
}());
135+
</script>

0 commit comments

Comments
 (0)