mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-11 13:48:23 +02:00
6a7678e643
Automatic update from web-platform-tests [css-contain] Layout containment suppress baseline We were not suppressing baseline in all the cases. This patch fixes the bug detected by Mozilla test contain-layout-suppress-baseline-002.html. At the same time it adds a new test for more elements, however it's not passing yet due to a different bug crbug.com/671132. BUG=909599 TEST=external/wpt/css/css-contain/contain-layout-baseline-005.html TEST=external/wpt/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-layout-suppress-baseline-002.html Change-Id: Id1b984aae1f2a21f655b9c1e42a54115d0a4659c Reviewed-on: https://chromium-review.googlesource.com/c/1380033 Reviewed-by: Emil A Eklund <eae@chromium.org> Reviewed-by: Morten Stenshorne <mstensho@chromium.org> Commit-Queue: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#617195} -- wpt-commits: 3cdc983b76e09616fbb19077acb8c19ca617dd98 wpt-pr: 14567
61 lines
1.8 KiB
HTML
61 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<title>CSS Containment Test: Reference file</title>
|
|
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
|
<style>
|
|
.wrapper {
|
|
height: 110px;
|
|
}
|
|
.wrapper > * {
|
|
vertical-align: bottom;
|
|
background: cyan;
|
|
font-size: 20px;
|
|
}
|
|
.wrapper > :nth-child(1) {
|
|
background: magenta;
|
|
}
|
|
.inline-block {
|
|
display: inline-block;
|
|
}
|
|
canvas {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
fieldset, details {
|
|
display: inline-block;
|
|
width: max-content;
|
|
}
|
|
</style>
|
|
<p>Test passes if it has the same output than the reference (all elements are aligned on the bottom edge).</p>
|
|
<div class="wrapper">
|
|
<div class="inline-block" style="font-size: 80px;">foo</div>
|
|
<div class="inline-block">foo</div>
|
|
<div class="inline-block" style="border: solid thick; padding: 2px;">foo</div>
|
|
<div style="display: inline-flex;">foo</div>
|
|
<div style="display: inline-flex; border: solid thick; padding: 2px;">foo</div>
|
|
<div style="display: inline-grid;">foo</div>
|
|
<div style="display: inline-grid; border: solid thick; padding: 2px;">foo</div>
|
|
</div>
|
|
<div class="wrapper">
|
|
<canvas></canvas>
|
|
<div class="inline-block">foo</div>
|
|
<button>foo</button>
|
|
<select><option>foo</option></select>
|
|
<select multiple style="height: 40px;"><option>foo</option></select>
|
|
<textarea style="height: 40px;"></textarea>
|
|
</div>
|
|
<div class="wrapper">
|
|
<canvas></canvas>
|
|
<input value="foo"></input>
|
|
<input type="file"></input>
|
|
</div>
|
|
<div class="wrapper">
|
|
<canvas></canvas>
|
|
<table style="display: inline-table;"><tr><td>foo</td></tr></table>
|
|
<canvas></canvas>
|
|
<fieldset></fieldset>
|
|
<fieldset><legend>foo</legend></fieldset>
|
|
<fieldset><legend>foo</legend>foo</fieldset>
|
|
<details></details>
|
|
<details><summary>foo</summary>foo</details> <details open="true"><summary>foo</summary>foo</details>
|
|
</div>
|