Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-22 17:55:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1505266 [wpt PR 13962] - [LayoutNG] Fix vertical-align: text-top in quirks mode, a=testonly

Browse Source 
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:
Koji Ishii 2018-11-13 11:54:03 +00:00 committed by moz-wptsync-bot
parent a481f34138
commit 4963362e70
2 changed files with 108 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
testing/web-platform/tests/quirks/reference/vertical-align-in-quirks-ref.html Normal file
View File

@ -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>

56
testing/web-platform/tests/quirks/vertical-align-in-quirks.html Normal file
View File

@ -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>