Skip anonymous blocks in prepaint
When handling OOFs w/ an inline CB in a monolithic ancestor, we would
end up in a case where we were using the wrong paint context, which
resulted in the OOF being painted at an incorrect offset.
We got into this state because we would end up setting the OOF's
container during prepaint to an anonymous parent block of the inline.
Because an OOF cannot be placed in anonymous blocks, we would fail
to find the OOF as a child of that anonymous block.
This would lead us into the same path as fragmented missed OOFs during
prepaint, and we would assume the CB was the fragmentainer. We would
update the context based on this, which is why the OOF was placed
relative to the fragmentainer instead.
To fix this, avoid setting the OOF's CB to an anonymous block during
prepaint to ensure that the OOF is not missed in this case and goes
down the normal (non-fragmented) OOF prepaint path.
Bug: 1412313
Change-Id: I0dfb1a67ddd96404a725cdbf56493de675eb04e9
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4292046
Commit-Queue: Alison Maher <almaher@microsoft.com>
Reviewed-by: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1110381}
diff --git a/css/css-break/out-of-flow-in-multicolumn-116.html b/css/css-break/out-of-flow-in-multicolumn-116.html
new file mode 100644
index 0000000..fac536a
--- /dev/null
+++ b/css/css-break/out-of-flow-in-multicolumn-116.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1412313">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="columns:1; column-fill:auto; height:100px; width:100px;">
+ <div style="contain:size; height:100px; background:green;">
+ <div style="height:50px;"></div>
+ <span style="position:relative; height:50px;">
+ <div style="height:25px; background:red;"></div>
+ <div style="position:absolute; top:0; width:100px; height:25px; background:green;"></div>
+ </span>
+ </div>
+</div>
