forked from mirrors/gecko-dev
f38dbf3d67
Automatic update from web-platform-tests [LayoutNG] Fix ScrollableOverflowForPropagation() NGPhysicalFragment::ScrollableOverflowForPropagation() had an important different compared to LayoutBox::LayoutOverflowRectForPropagation() as it was not including the border box when computing the overflow for propagation. This was causing issues in some cases calculating the overflow of replaced elements in LayoutNG, legacy was working fine. This patch changes AdjustScrollableOverflowForPropagation() to also include the element's border box. Note that we cannot do this for ruby boxes as they have some special behavior (see crbug.com/1082087 and r784709 for details). We need new rebaselines for the following test fast/replaced/border-radius-clip.html This is because when you scroll down you can see the border of the embed object (which was hidden before). BUG=1128984 TEST=css/css-overflow/overflow-replaced-element-001.html Change-Id: I038ccb46db7e00a922e33a387cf10e3c805b81c6 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2414313 Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Reviewed-by: Kent Tamura <tkent@chromium.org> Commit-Queue: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#808518} -- wpt-commits: 73cc37d43d968acd4abc4a3b24181c841563d11a wpt-pr: 25593
15 lines
952 B
HTML
15 lines
952 B
HTML
<!DOCTYPE html>
|
|
<title>CSS Overflow: overflow replaced element with borders and negative end margins</title>
|
|
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
|
<link rel="help" href="https://drafts.csswg.org/css-overflow/#scrollable">
|
|
<meta name="assert" content="Checks that the scrollable overflow of a replaced elements with borders is properly computed even when it has a negative margin-right and margin-bottom.">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/resources/check-layout-th.js"></script>
|
|
<body onload="checkLayout('#wrapper');">
|
|
<div id="wrapper" style="width: 200px; height: 100px; overflow: scroll;"
|
|
data-expected-scroll-width="400" data-expected-scroll-height="300">
|
|
<img style="border: 50px solid green; width: 300px; height: 200px;
|
|
margin-right: -100px; margin-bottom: -200px;" />
|
|
</div>
|
|
</body>
|