mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-20 16:55:40 +00:00
Bug 1426042 - Reftest for bidi reordering where line has an empty trailing ::after pseudo-element. r=dholbert
This commit is contained in:
parent
6328ed7810
commit
198def941b
61
layout/reftests/bidi/1426042-1-ref.html
Normal file
61
layout/reftests/bidi/1426042-1-ref.html
Normal file
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="rtl" lang="ar">
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
html[dir="rtl"] {
|
||||
direction: rtl;
|
||||
}
|
||||
.outer {
|
||||
border: 1px solid blue;
|
||||
margin: 1em;
|
||||
padding: 5px 0;
|
||||
clear: left;
|
||||
float: left;
|
||||
}
|
||||
.before {
|
||||
margin-left: 20px;
|
||||
border: 5px solid green;
|
||||
}
|
||||
.after {
|
||||
margin-right: 20px;
|
||||
border: 5px solid red;
|
||||
}
|
||||
.test1::before {
|
||||
content: "";
|
||||
margin-left: 20px;
|
||||
border: 5px solid green;
|
||||
}
|
||||
.test1::after {
|
||||
content: "";
|
||||
margin-right: 20px;
|
||||
border: 5px solid red;
|
||||
}
|
||||
.test2::before {
|
||||
content: "\200b";
|
||||
margin-left: 20px;
|
||||
border: 5px solid green;
|
||||
}
|
||||
.test2::after {
|
||||
content: "\200b";
|
||||
margin-right: 20px;
|
||||
border: 5px solid red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div dir="ltr">
|
||||
The text in all three boxes should be centered, with a green bar to the far right and a red bar to the far left:
|
||||
</div>
|
||||
<div class="outer">
|
||||
<div><span class="before"></span><span>السلام عليكم</span><span class="after"></span></div>
|
||||
</div>
|
||||
<div class="outer">
|
||||
<div><span class="before"></span><span>السلام عليكم</span><span class="after"></span></div>
|
||||
</div>
|
||||
<div class="outer">
|
||||
<div><span class="before"></span><span>السلام عليكم</span><span class="after"></span></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
61
layout/reftests/bidi/1426042-1.html
Normal file
61
layout/reftests/bidi/1426042-1.html
Normal file
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="rtl" lang="ar">
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
html[dir="rtl"] {
|
||||
direction: rtl;
|
||||
}
|
||||
.outer {
|
||||
border: 1px solid blue;
|
||||
margin: 1em;
|
||||
padding: 5px 0;
|
||||
clear: left;
|
||||
float: left;
|
||||
}
|
||||
.before {
|
||||
margin-left: 20px;
|
||||
border: 5px solid green;
|
||||
}
|
||||
.after {
|
||||
margin-right: 20px;
|
||||
border: 5px solid red;
|
||||
}
|
||||
.test1::before {
|
||||
content: "";
|
||||
margin-left: 20px;
|
||||
border: 5px solid green;
|
||||
}
|
||||
.test1::after {
|
||||
content: "";
|
||||
margin-right: 20px;
|
||||
border: 5px solid red;
|
||||
}
|
||||
.test2::before {
|
||||
content: "\200b";
|
||||
margin-left: 20px;
|
||||
border: 5px solid green;
|
||||
}
|
||||
.test2::after {
|
||||
content: "\200b";
|
||||
margin-right: 20px;
|
||||
border: 5px solid red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div dir="ltr">
|
||||
The text in all three boxes should be centered, with a green bar to the far right and a red bar to the far left:
|
||||
</div>
|
||||
<div class="outer">
|
||||
<div><span class="before"></span><span>السلام عليكم</span><span class="after"></span></div>
|
||||
</div>
|
||||
<div class="outer">
|
||||
<div class="test1"><span>السلام عليكم</span></div>
|
||||
</div>
|
||||
<div class="outer">
|
||||
<div class="test2"><span>السلام عليكم</span></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -173,3 +173,4 @@ fuzzy-if(Android,254,231) == brackets-2c-rtl.html brackets-2c-rtl-ref.html
|
||||
== 1217833-2.html 1217833-2-ref.html
|
||||
== 1231175-1.html 1231175-1-ref.html
|
||||
== 1366623-1.html 1366623-1-ref.html
|
||||
fails == 1426042-1.html 1426042-1-ref.html
|
||||
|
Loading…
Reference in New Issue
Block a user