Bug 1586038 [wpt PR 19492] - [LayoutNG] Account for relpos offset when adding layout overflow for floats., a=testonly
authorIan Kilpatrick <ikilpatrick@chromium.org>
Mon, 14 Oct 2019 13:37:01 +0000
changeset 559524 71b508c1005a98ceaa1675953b2c01c7445d1386
parent 559523 0231c4bfdbf90f4cc7ab849988a683189521d974
child 559525 cb66765a0502e6a0cb5549cf6650c24373d141a1
push id12177
push usercsabou@mozilla.com
push dateMon, 21 Oct 2019 14:52:16 +0000
treeherdermozilla-beta@1918a9cd33bc [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1586038, 19492, 1007026, 1835973, 703016
milestone71.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1586038 [wpt PR 19492] - [LayoutNG] Account for relpos offset when adding layout overflow for floats., a=testonly Automatic update from web-platform-tests [LayoutNG] Account for relpos offset when adding layout overflow for floats. We missed accounting for the relpos offset when adding the layout overflow for floats. This resulted in a larger overflow area than intended. Bug: 1007026 Change-Id: Ib35e0444c4a069a5399aa8967b5ebcf853677e8b Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1835973 Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org> Reviewed-by: Koji Ishii <kojii@chromium.org> Cr-Commit-Position: refs/heads/master@{#703016} -- wpt-commits: 0c2f81c644dc1220891a40468a4a75eddbe51010 wpt-pr: 19492
testing/web-platform/tests/css/css-overflow/float-with-relpos-and-transform.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-overflow/float-with-relpos-and-transform.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<link rel="help" href="https://drafts.csswg.org/css-overflow/#scrollable">
+<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
+<style>
+.container {
+  background: green;
+  width: 100px;
+  height: 100px;
+  overflow: auto;
+}
+.float {
+  float: left;
+  position: relative;
+  width: 50px;
+  height: 50px;
+  top: calc(50% - 100vh);
+  transform: translateY(-50%) translateY(100vh);
+}
+</style>
+<p>Test passes if there is a filled green square.</p>
+<div class="container">
+  <div class="float"></div>
+</div>