forked from mirrors/gecko-dev
10f35ffc3d
Automatic update from web-platform-tests 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} -- wpt-commits: 03a656469ae9225ddec3e4f8d3d65ee7db9cad23 wpt-pr: 28943
31 lines
684 B
HTML
31 lines
684 B
HTML
<!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>
|