If you open the attached example you shouldn't be able to scroll vertically,
as the overflow of the "contain: layout" element should be treated as ink overflow .
Text from the spec (https://drafts.csswg.org/css-contain/#containment-layout):
If the contents of the element overflow the element,
they must be treated as ink overflow.
The definition of "ink overflow" (https://www.w3.org/TR/css-overflow-3/#ink-overflow):
The ink overflow of a box is the part of that box
and its contents that creates a visual effect outside
of the box's border box.
Ink overflow is the overflow of painting effects defined
to not affect layout or otherwise extend
the scrollable overflow region, such as box shadows, border images,
text decoration, overhanging glyphs (with negative side bearings,
or with ascenders/descenders extending outside the em box), outlines, etc.
|
Deleted:
contain-layout-ink-overflow.html
292 bytes
|
|
|
Deleted:
contain-layout-ink-overflow.png
7.5 KB
|
Comment 1 by bugdroid1@chromium.org
, Jun 6 2018