mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-23 02:05:42 +00:00
Bug 1505266 [wpt PR 13962] - [LayoutNG] Fix vertical-align: text-top in quirks mode, a=testonly
Automatic update from web-platform-tests[LayoutNG] Fix vertical-align: text-top in quirks mode When in quirks mode and there are no text siblings; e.g.: <div><img><span>text</span></div> and 'vertical-align: text-top' applied to <img> hits DCHECK failure and results in incorrect position. The test ensures that results are the same with the standard mode. Bug: 901123 Change-Id: I30564c66d5847f09caf3672ba3d456c0eb798d3e Reviewed-on: https://chromium-review.googlesource.com/c/1320529 Commit-Queue: Koji Ishii <kojii@chromium.org> Reviewed-by: Emil A Eklund <eae@chromium.org> Cr-Commit-Position: refs/heads/master@{#605965} -- wpt-commits: 48c278aad9f1570f14e47472e7cf304865602192 wpt-pr: 13962
This commit is contained in:
parent
a481f34138
commit
4963362e70
@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<style>
|
||||
div {
|
||||
font-size: 10px;
|
||||
line-height: 50px;
|
||||
border: 1px solid blue;
|
||||
}
|
||||
img {
|
||||
width: 1em;
|
||||
height: 2em;
|
||||
background: orange;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.text-top {
|
||||
vertical-align: text-top;
|
||||
}
|
||||
.text-bottom {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
.top {
|
||||
vertical-align: top;
|
||||
}
|
||||
.bottom {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div>
|
||||
<img class="text-top" src="../../css/support/60x60-red.png">Y
|
||||
</div>
|
||||
<div>
|
||||
<img class="text-bottom" src="../../css/support/60x60-red.png">Y
|
||||
</div>
|
||||
<div>
|
||||
<img class="top" src="../../css/support/60x60-red.png">Y
|
||||
</div>
|
||||
<div>
|
||||
<img class="bottom" src="../../css/support/60x60-red.png">Y
|
||||
</div>
|
||||
<div>
|
||||
<img class="text-top" src="../../css/support/60x60-red.png"><span>Y</span>
|
||||
</div>
|
||||
<div>
|
||||
<img class="text-bottom" src="../../css/support/60x60-red.png"><span>Y</span>
|
||||
</div>
|
||||
<div>
|
||||
<img class="top" src="../../css/support/60x60-red.png"><span>Y</span>
|
||||
</div>
|
||||
<div>
|
||||
<img class="bottom" src="../../css/support/60x60-red.png"><span>Y</span>
|
||||
</div>
|
||||
</body>
|
@ -0,0 +1,56 @@
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: letter spacing after bidi</title>
|
||||
<link rel="author" href="kojii@chromium.org">
|
||||
<link rel="match" href="reference/vertical-align-in-quirks-ref.html">
|
||||
<meta name="assert" content="Tests some vertical-align values match in quirks and standard modes.">
|
||||
<style>
|
||||
div {
|
||||
font-size: 10px;
|
||||
line-height: 50px;
|
||||
border: 1px solid blue;
|
||||
}
|
||||
img {
|
||||
width: 1em;
|
||||
height: 2em;
|
||||
background: orange;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.text-top {
|
||||
vertical-align: text-top;
|
||||
}
|
||||
.text-bottom {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
.top {
|
||||
vertical-align: top;
|
||||
}
|
||||
.bottom {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div>
|
||||
<img class="text-top" src="../css/support/60x60-red.png">Y
|
||||
</div>
|
||||
<div>
|
||||
<img class="text-bottom" src="../css/support/60x60-red.png">Y
|
||||
</div>
|
||||
<div>
|
||||
<img class="top" src="../css/support/60x60-red.png">Y
|
||||
</div>
|
||||
<div>
|
||||
<img class="bottom" src="../css/support/60x60-red.png">Y
|
||||
</div>
|
||||
<div>
|
||||
<img class="text-top" src="../css/support/60x60-red.png"><span>Y</span>
|
||||
</div>
|
||||
<div>
|
||||
<img class="text-bottom" src="../css/support/60x60-red.png"><span>Y</span>
|
||||
</div>
|
||||
<div>
|
||||
<img class="top" src="../css/support/60x60-red.png"><span>Y</span>
|
||||
</div>
|
||||
<div>
|
||||
<img class="bottom" src="../css/support/60x60-red.png"><span>Y</span>
|
||||
</div>
|
||||
</body>
|
Loading…
Reference in New Issue
Block a user