Skip to content

Commit 541b8da

Browse files
committed
[css-overflow-3] Editorial improvements to end-edge padding clause. #129
1 parent 20eb4cb commit 541b8da

File tree

1 file changed

+19
-6
lines changed

1 file changed

+19
-6
lines changed

css-overflow-3/Overview.bs

+19-6
Original file line numberDiff line numberDiff line change
@@ -265,18 +265,31 @@ Scrollable Overflow</h3>
265265
Issue: Need to evaluate compat of honoring or ignoring 'clip' and 'clip-path'.
266266

267267
<li>
268-
Padding on the end-edge sides of the <a>scrollable overflow rectangle</a>
269-
representing the end-side padding applied to the <a>scroll container</a>,
270-
added such that its content can be scrolled to a position
268+
Additional padding added as necessary
269+
to the end-side of the [=scrollable overflow rectangle=]
270+
such that the box’s content can be scrolled to a position
271271
that would satisfy the requirements of ''place-content: end'' alignment.
272+
273+
Note: This padding represents the box’s own padding
274+
within the [=scrollable overflow rectangle=]
275+
so that when its in-flow content is scrolled to the end,
276+
there is padding between the end-edge of the content
277+
and the border edge of the box.
278+
It typically ends up being exactly the same size as the box's own padding,
279+
except in a few cases, such as when an out-of-flow element,
280+
or the visible overflow of a descendent,
281+
is increasing the size of the [=scrollable overflow rectangle=].
282+
272283
Including this padding is optional for <a>block containers</a>
273284
in any axis whose corresponding <a>content-distribution property</a>
274285
('align-content'/'justify-content')
275286
is ''align-content/normal''.
276287

277-
Issue(129): It's not yet clear if including the end-side padding in the scrollable layer of block containers is Web-compatible, so this clause is under investigation.
278-
It appears that Chrome and Safari include such padding <a href="https://bug748518.bmoattachments.org/attachment.cgi?id=618078">in the block axis</a>;
279-
and the behavior in the inline axis is <a href="http://jsbin.com/digadoyohi/1/edit?html,css,output">not</a> <a href="http://jsbin.com/vexahocayi/1/edit?html,css,output">clear</a>.
288+
Issue(129): It's not yet clear if including the padding here is Web-compatible,
289+
so this clause is optional while under investigation.
290+
Existing behavior in the inline axis is
291+
<a href="http://jsbin.com/digadoyohi/1/edit?html,css,output">not</a>
292+
<a href="http://jsbin.com/vexahocayi/1/edit?html,css,output">clear</a>.
280293

281294
<!-- Make sure http://jsbin.com/qececaqilo/edit?html,css,output is clearly defined. -->
282295

0 commit comments

Comments
 (0)