[LayoutNG] Account for relpos offset when adding layout overflow for floats.

bfgeek · chromium-wpt-export-bot · commit 0c2f81c644dc · 2019-10-04T17:02:18.000-04:00
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}
diff --git a/css/css-overflow/float-with-relpos-and-transform.html b/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>
