fune/testing/web-platform/tests/css/css-overflow/overflow-clip-margin-001-ref.html
Scott Violet fdc9d78eda Bug 1672539 [wpt PR 26117] - blink: makes LayoutBox honor overflow-clip-margin, a=testonly
Automatic update from web-platform-tests
blink: makes LayoutBox honor overflow-clip-margin

This does the following:

If overflow-clip-margin changes, then need to repaint

OverflowClipRect() and VisualOverflowRect() adjust for
overflow-clip-margin (overflow-clip-margin is only set if overflow:clip
is set along both axis).

BUG=1087667
TEST=wpt/css/css-overflow/overflow-clip-margin-invalidation
     wpt/css/css-overflow/overflow-clip-margin-001.html

Change-Id: I9875c724c153600bf8eafe633bc138d99de3099a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2468794
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org>
Commit-Queue: Scott Violet <sky@chromium.org>
Cr-Commit-Position: refs/heads/master@{#819170}

--

wpt-commits: 5168e59a178f91389a9193cdbfcfaac9f5094f21
wpt-pr: 26117
2020-10-26 12:06:15 +00:00

32 lines
832 B
HTML

<!doctype html>
<meta charset="utf-8">
<title>Verifies overflow-clip-margin extends outside bounds</title>
<link rel="help" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow-clip-margin">
<link rel="author" title="Scott Violet" href="mailto:sky@chromium.org">
<style>
.container {
display: flex;
}
.parent {
position: relative;
top: -10px;
left: -10px;
width: 120px;
height: 120px;
flex: none;
background-color: green;
}
.spacer {
flex: none;
height: 100px;
width: 100px;
}
</style>
<p>You should see two green squares touching each other. The one on the
right should be slightly larger.</p>
<div class="spacer"></div>
<div class="container">
<div class="spacer" style="background-color: green"></div>
<div class="parent"></div>
</div>