зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1502302 [wpt PR 13732] - [LayoutNG] Rebaseline fast/writing-mode/border-image-vertical-lr.html, a=testonly
Automatic update from web-platform-tests[LayoutNG] Rebaseline fast/writing-mode/border-image-vertical-lr.html fast/writing-mode/border-image-vertical-lr.html produces different results because, in legacy, block direction borders applied to inline boxes affect positioning of the line box in vertical-lr writing-mode, when they should not. This patch rebaselines it, and also adds a minimized test to check such borders do not affect line box positioning. Gecko, and WebKit fail the test. Edge passes this test, though it paints the border at the incorrect position. Testing the border positoin is not ref-testable and that it is not included. Bug: 636993 Change-Id: I2568d19dac7f7ea886a46d45620bc22feb172c53 Reviewed-on: https://chromium-review.googlesource.com/c/1301698 Reviewed-by: Emil A Eklund <eae@chromium.org> Commit-Queue: Emil A Eklund <eae@chromium.org> Cr-Commit-Position: refs/heads/master@{#603051} -- wpt-commits: f6708be2927871d1f19543f6e7e5531721433bfd wpt-pr: 13732
This commit is contained in:
Родитель
27d0fc1f67
Коммит
bc57235105
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" href="kojii@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow" title="3.1 Block Flow Direction: the writing-mode property">
|
||||
<link rel="match" href="reference/inline-box-border-vlr-001.html">
|
||||
<meta content="This test checks that block direciton borders applied to inline boxes do not affect the height of the line box, in vertical-lr writing-mode. The border is set to transparent to make this a ref-test.">
|
||||
<style>
|
||||
html {
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
body {
|
||||
margin: 1em;
|
||||
border: 1px solid blue;
|
||||
}
|
||||
body > div {
|
||||
margin-bottom: 2em;
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div style="writing-mode: vertical-lr; height: 1em">
|
||||
<div><span>a</span></div>
|
||||
</div>
|
||||
<div style="writing-mode: vertical-lr; height: 1em">
|
||||
<div><span style="border-left: 20px solid transparent">a</span></div>
|
||||
</div>
|
||||
</body>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
html {
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
body {
|
||||
margin: 1em;
|
||||
border: 1px solid blue;
|
||||
}
|
||||
body > div {
|
||||
margin-bottom: 2em;
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div style="writing-mode: vertical-lr; height: 1em">
|
||||
<div><span>a</span></div>
|
||||
</div>
|
||||
<div style="writing-mode: vertical-lr; height: 1em">
|
||||
<div><span>a</span></div>
|
||||
</div>
|
||||
</body>
|
Загрузка…
Ссылка в новой задаче