Reland "[TablesNG] Fix OOF static-position of empty baseline-aligned table-cells"
This is a reland of 75216ac41d2da077f3ae3a0ca992ee3e03a937a8
This was reverted in:
https://chromium-review.googlesource.com/c/chromium/src/+/2882605
"Reason for revert: Suspected to cause layout test failure on mac11"
However these were pre-existing layout test failures, and were present
on the mac11 bot after reverting, see:
https://ci.chromium.org/p/chromium/builders/ci/Mac11%20Tests/668
Original change's description:
> [TablesNG] Fix OOF static-position of empty baseline-aligned table-cells
>
> Alignment typically does affect the static-position of any
> OOF-positioned children inside of a table-cell. However when we are
> baseline-aligned, we should only apply the adjustment if we have
> *inflow* children.
>
> This doesn't shift the OOF-positioned children if we have no inflow
> children.
>
> Bug: 1206654
> Change-Id: I54e80831148407797354157d2c0d19afbb2a7858
> Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2880809
> Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
> Reviewed-by: Aleks Totic <atotic@chromium.org>
> Cr-Commit-Position: refs/heads/master@{#880652}
Bug: 1206654
Change-Id: Ic232f57b8feba0112693385bb2ca90d7cc8164ba
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2883187
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Commit-Queue: Aleks Totic <atotic@chromium.org>
Auto-Submit: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Aleks Totic <atotic@chromium.org>
Cr-Commit-Position: refs/heads/master@{#881069}
diff --git a/css/css-tables/table-cell-baseline-static-position.html b/css/css-tables/table-cell-baseline-static-position.html
new file mode 100644
index 0000000..e3f5236
--- /dev/null
+++ b/css/css-tables/table-cell-baseline-static-position.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<link rel="help" href="https://crbug.com/1206654" />
+<link rel="match" href="../reference/ref-filled-green-100px-square-only.html" />
+<style>
+table {
+ width: 100px;
+ height: 100px;
+ position: relative;
+ line-height: 0;
+ border-spacing: 0;
+}
+td {
+ vertical-align: baseline;
+ width: 50px;
+ padding: 0;
+}
+div {
+ width: 50px;
+ height: 100px;
+ background: green;
+}
+</style>
+<p>Test passes if there is a filled green square.</p>
+<table>
+ <td>
+ <div style="display: inline-block;"></div> <!-- Creates a baseline at 100px. -->
+ </td>
+ <td>
+ <div style="position: absolute;"></div> <!-- Static-position shouldn't shift to the baseline. -->
+ </td>
+</table>