Bug 1574228 [wpt PR 18463] - [LayoutNG] Set table-cell borders, and intrinsic-padding via. constraints., a=testonly

Automatic update from web-platform-tests
[LayoutNG] Set table-cell borders, and intrinsic-padding via. constraints.

As above, this was some previously accumulated debt. It isn't clear if
the intrinsic-padding is a good concept yet, but removes some bad
layout-box calls.

Bug: 993095
Change-Id: Idc4e9e67afa2fbd9c84976cb2878b215624298c5
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1754097
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Aleks Totic <atotic@chromium.org>
Cr-Commit-Position: refs/heads/master@{#687511}

--

wpt-commits: 6a70fc3a4168ba10a60f0c92b5a8b9faf1b7fed7
wpt-pr: 18463
This commit is contained in:
Ian Kilpatrick 2019-08-19 14:27:45 +00:00 committed by moz-wptsync-bot
parent 835d1b15ff
commit 1f1b24ed66
2 changed files with 27 additions and 0 deletions

View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<div style="width: 100px; height: 100px; border: solid;">
<div style="display: table-cell; max-width: 100px; height: 100px; background: green; overflow-x: scroll; vertical-align: top;">
<div style="width: 120px; height: 50px; background: hotpink;"></div>
</div>
</div>
<br>
<div style="width: 100px; height: 100px; border: solid;">
<div style="display: table-cell; max-width: 100px; height: 100px; background: green; overflow-x: scroll; vertical-align: middle;">
<div style="width: 120px; height: 50px; background: hotpink;"></div>
</div>
</div>

View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#row-layout">
<link rel="match" href="table-cell-overflow-auto-ref.html">
<meta name="assert" content="horizontal scrollbars show up on table-cells with overflowing content and overflow:auto, vertical-align: middle/top" />
<div style="width: 100px; height: 100px; border: solid;">
<div style="display: table-cell; max-width: 100px; height: 100px; background: green; overflow-x: auto; vertical-align: top;">
<div style="width: 120px; height: 50px; background: hotpink;"></div>
</div>
</div>
<br>
<div style="width: 100px; height: 100px; border: solid;">
<div style="display: table-cell; max-width: 100px; height: 100px; background: green; overflow-x: auto; vertical-align: middle;">
<div style="width: 120px; height: 50px; background: hotpink;"></div>
</div>
</div>