fune/testing/web-platform/tests/css/css-overflow/overflow-clip-margin-008.html
Vladimir Levin fa5cf64aa7 Bug 1745985 [wpt PR 32037] - overflow-clip-margin: Ignore margin if overflow:scroll/hidden., a=testonly
Automatic update from web-platform-tests
overflow-clip-margin: Ignore margin if overflow:scroll/hidden.

This patch ensures that we overflow:scroll and overflow:hidden do not
expand the bounds of the clip, even if we have contain: paint (which
clips to overflow clip edge).

R=ikilpatrick@chromium.org, chrishtr@chromium.org
Fixed: 1252885

Change-Id: Ie52be3b9201a70e3de014f190cbd3ce00b170d9b
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3330347
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Commit-Queue: Vladimir Levin <vmpstr@chromium.org>
Cr-Commit-Position: refs/heads/main@{#952433}

--

wpt-commits: 3032c232153b9217bc9ef20a22a2938188dd16e6
wpt-pr: 32037
2021-12-23 14:25:25 +00:00

24 lines
642 B
HTML

<!doctype html>
<html class="reftest">
<meta charset="utf-8">
<title>Overflow-clip-margin has no effect with overflow:scroll and paint containment </title>
<link rel="help" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow-clip-margin">
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<link rel="match" href="overflow-clip-margin-008-ref.html">
<style>
.container {
width: 100px;
height: 100px;
overflow-clip-margin: 20px;
contain: paint;
overflow: scroll;
}
.child {
width: 200px;
height: 200px;
background: lightblue;
}
</style>
<div class=container>
<div class=child></div>
</div>