Skip to content

Commit ce5781c

Browse files
committed
[css-overflow-3][css-background-3] Define rounding of clipping region established by 'overflow'.
This formally defines the rounding of the clipping region established by overflow, which was previously defined (other than for 'overflow:clip') only in a "For example" in the backgrounds spec. It writes that definition in order to implement the resolution in #7434 (regarding mixes of 'visible' and 'clip' on different axes), and also to correctly account for overflow-clip-margin. Finally, it adjusts the aforementioned example for the resolution in #7434 as well. Fixes #7434.
1 parent b3a1e2a commit ce5781c

File tree

2 files changed

+17
-1
lines changed

2 files changed

+17
-1
lines changed

css-backgrounds-3/Overview.bs

+2-1
Original file line numberDiff line numberDiff line change
@@ -1657,7 +1657,8 @@ to the border, padding, or content edge
16571657
must clip to their respective curves.
16581658
For example,
16591659
backgrounds clip to the curve specified by 'background-clip',
1660-
'overflow' values other than ''visible'' to the curved padding edge,
1660+
'overflow' values other than ''visible'' to the curved padding edge
1661+
(when 'overflow' on both axes is not ''visible''),
16611662
[=replaced element=] content to the curved content edge,
16621663
pointer events to the curved border edge,
16631664
etc.

css-overflow-3/Overview.bs

+15
Original file line numberDiff line numberDiff line change
@@ -537,6 +537,21 @@ Managing Overflow: the 'overflow-x', 'overflow-y', and 'overflow' properties</h3
537537
compute to ''overflow/auto''/''hidden'' (respectively)
538538
if one of 'overflow-x' or 'overflow-y' is neither ''visible'' nor ''overflow/clip''.
539539

540+
As mentioned in [[css-backgrounds-3#corner-clipping]],
541+
the clipping region established by 'overflow' can be rounded:
542+
543+
* When 'overflow-x' and 'overflow-y' compute to
544+
''overflow/hidden'', ''overflow/scroll'', or ''overflow/auto'',
545+
the clipping region is rounded
546+
based on the border radius,
547+
adjusted to the [=padding edge=],
548+
as described in [[css-backgrounds-3#corner-shaping]].
549+
* When both 'overflow-x' and 'overflow-y' compute to ''overflow/clip'',
550+
the clipping region is rounded as described in [[#overflow-clip-margin]].
551+
* However, when one of 'overflow-x' or 'overflow-y' computes to ''overflow/clip''
552+
and the other computes to ''overflow/visible'',
553+
the clipping region is not rounded.
554+
540555
If the computed value of 'overflow' on a <a>block box</a>
541556
is neither ''overflow/visible'' nor ''overflow/clip'' nor a combination thereof,
542557
it [=establishes an independent formatting context=] for its contents.

0 commit comments

Comments
 (0)