@@ -80,7 +80,7 @@ Motivating Examples {#examples}
80
80
overflow-inline: auto;
81
81
}
82
82
.carousel .origin {
83
- scroll-start -target: auto ;
83
+ scroll-initial -target: nearest ;
84
84
}
85
85
</pre>
86
86
@@ -103,7 +103,7 @@ Motivating Examples {#examples}
103
103
}
104
104
105
105
main {
106
- scroll-start -target: auto ;
106
+ scroll-initial -target: nearest ;
107
107
}
108
108
</pre>
109
109
@@ -131,15 +131,19 @@ Motivating Examples {#examples}
131
131
Setting Where Scroll Starts {#properties-on-the-scroll-container}
132
132
=================================================================
133
133
134
- The 'scroll-start -target' property {#scroll-start -target}
134
+ The 'scroll-initial -target' property {#scroll-initial -target}
135
135
-------------------------------------------
136
136
137
+ ISSUE(11173): The name "scroll-initial-target" is chosen as the least worst option
138
+ which expresses that it should be scrolled to when its scroll container
139
+ first shows up on the page. A better name for the property would be very much welcome.
140
+
137
141
<h4 dfn export id="initial-scroll-target">
138
142
Initial scroll target</h4>
139
143
140
144
The [=initial scroll target=] of a <a>scroll container</a> |scrollcontainer|
141
145
is an element or pseudo-element
142
- whose 'scroll-start -target' property is non-''scroll-start -target/none''
146
+ whose 'scroll-initial -target' property is non-''scroll-initial -target/none''
143
147
and whose nearest <a>scroll container</a> is |scrollcontainer|.
144
148
When multiple such elements or pseudo-elements exist,
145
149
user-agents should select the one
@@ -163,11 +167,11 @@ Initial scroll target</h4>
163
167
</div>
164
168
165
169
166
- <h4 id="scroll-start -target-propdef">scroll-start -target Property Definition</h4>
170
+ <h4 id="scroll-initial -target-propdef">scroll-initial -target Property Definition</h4>
167
171
168
172
<pre class="propdef">
169
- Name : scroll-start -target
170
- Value : none | auto
173
+ Name : scroll-initial -target
174
+ Value : none | nearest
171
175
Initial : ''none''
172
176
Applies to : all elements
173
177
Inherited : no
@@ -176,23 +180,23 @@ Initial scroll target</h4>
176
180
Animation type : none
177
181
</pre>
178
182
179
- <dl dfn-type=value dfn-for="scroll-start -target">
183
+ <dl dfn-type=value dfn-for="scroll-initial -target">
180
184
<dt> <dfn>none</dfn>
181
185
<dd> The element is not an [=initial scroll target=] .
182
- <dt> <dfn>auto </dfn>
186
+ <dt> <dfn>nearest </dfn>
183
187
<dd> The element is potentially an [=initial scroll target=]
184
188
for its nearest [=scroll container=] ancestor.
185
189
</dl>
186
190
187
- <h4 id="scroll-start -target-with-place-content">
191
+ <h4 id="scroll-initial -target-with-place-content">
188
192
Interaction with 'place-content'</h4>
189
193
190
194
If a [=scroll container's=] [=initial scroll position=]
191
195
is potentially set by both a [=content-distribution property=]
192
- and by 'scroll-start -target' on a descendant,
193
- 'scroll-start -target' wins.
196
+ and by 'scroll-initial -target' on a descendant,
197
+ 'scroll-initial -target' wins.
194
198
195
- <h4 id="scroll-start -target-fragment-navigation">
199
+ <h4 id="scroll-initial -target-fragment-navigation">
196
200
Post-first layout arrivals</h4>
197
201
198
202
While the document is being [[html#updating-the-document|updated]] ,
0 commit comments