[layout] Fix under-invalidation of rel-pos in inline context.
As part of moving the NeedsPositionedMovementLayout flag:
https://chromium.googlesource.com/chromium/src.git/+/4d1fb0d1b5b2e173b9d432b884d51ba170f7e383
I changed how we invalidate rel-pos elements. Instead of rel-pos
elements needing layout, we just mark the containing-block as needing
layout.
This was an under-invalidation as we'd use previous lines (successfully)
resulting in the rel-pos element not to shift.
Dirty the lines the rel-pos participates in so they aren't re-used.
Fixed: 1463425
Change-Id: Id492c9ed8e7c56048a10611bf3f89818102ad128
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4680920
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Koji Ishii <kojii@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1169138}
diff --git a/css/css-position/position-relative-014.html b/css/css-position/position-relative-014.html
new file mode 100644
index 0000000..88edec0
--- /dev/null
+++ b/css/css-position/position-relative-014.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1463425">
+<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
+<style>
+.box {
+ display: inline-block;
+ background-color: green;
+ width: 100px;
+ height: 50px;
+}
+</style>
+<p>Test passes if there is a filled green square.</p>
+<div style="width: 100px; background: red; line-height: 0;">
+ <div id="target" style="position: relative; left: -100px;" class="box"></div>
+ <div class="box"></div>
+</div>
+<script>
+document.body.offsetTop;
+const target = document.getElementById('target');
+target.style.left = '0px';
+</script>
