mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 672944 - Test -moz-box text-overflow. r=roc

This commit is contained in:
Mats Palmgren 2012-01-28 04:35:59 +01:00
Родитель c496441d30
Коммит f524e9749b
3 изменённых файлов: 154 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

1
layout/reftests/text-overflow/reftest.list
Просмотреть файл

@ -21,3 +21,4 @@ HTTP(..) == table-cell.html table-cell-ref.html
HTTP(..) == two-value-syntax.html two-value-syntax-ref.html
HTTP(..) == single-value.html single-value-ref.html
HTTP(..) == atomic-under-marker.html atomic-under-marker-ref.html
fuzzy(1,702) skip-if(Android) HTTP(..) == xulscroll.html xulscroll-ref.html

74
layout/reftests/text-overflow/xulscroll-ref.html Normal file
Просмотреть файл

@ -0,0 +1,74 @@
<!-- Any copyright is dedicated to the Public Domain.
- http://creativecommons.org/publicdomain/zero/1.0/ -->
<!DOCTYPE HTML>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Testcase for bug 672944</title>
<style type="text/css">
@font-face {
font-family: DejaVuSansMono;
src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
}
html,body {
color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
}
.bacon {
white-space: nowrap;
text-overflow: clip;
overflow: hidden;
width: 30ch;
display: -moz-box;
background: lime;
margin-bottom: 1em;
}
.auto {
overflow-x: auto;
width: 29.5ch;
padding-bottom: 2ch;
}
.scroll {
overflow: auto;
padding: 2ch;
border: 3px solid black;
}
.scroll2 {
overflow: auto;
padding: 3ch;
}
.scroll3 {
overflow: auto;
padding: 2ch;
text-indent: -3ch;
}
.scroll4 {
overflow: auto;
padding: 2ch 0.2ch;
}
span { background-color:white; position: relative; }
ml3 {position: absolute; left:29ch; }
</style>
</head>
<body>
<div style="float:right;" dir="rtl">
<div class="bacon"><span>1Beef hamburger bacon tri-tip&#x2026; jowl biltong tail ribeye ham</span></div><br>
<div class="bacon auto"><span>2Beef hamburger bacon tri-&nbsp;ipJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll"><span>3Beef hamburger bacon tri&nbsp;&nbsp;&nbsp;pJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll2"><span>4Beef hamburger bacon tr&nbsp;&nbsp;&nbsp;&nbsp;pJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll3"><span>5Beef hamburger bacon&nbsp;&nbsp;&nbsp;&nbsp;-tipJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll4"><span>6Beef hamburger bacon tri-&nbsp;&nbsp;pJOWLBILTONG tail ribeye ham</span></div><br>
</div>
<div>
<div class="bacon"><span>1Beef hamburger bacon tri-tip&#x2026; jowl biltong tail ribeye ham</span></div><br>
<div class="bacon auto"><span>2Beef hamburger bacon tri-tip&nbsp;OWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll"><span>3Beef hamburger bacon tri-tipJ WLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll2"><span>4Beef hamburger bacon tri-tipJO LBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll3"><span>5Beef hamburger bacon tri-tipJOWL ILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll4"><span>6Beef hamburger bacon tri-ti JOWLBILTONG tail ribeye ham</span></div><br>
</div>
</body>
</html>

79
layout/reftests/text-overflow/xulscroll.html Normal file
Просмотреть файл

@ -0,0 +1,79 @@
<!-- Any copyright is dedicated to the Public Domain.
- http://creativecommons.org/publicdomain/zero/1.0/ -->
<!DOCTYPE HTML>
<html class="reftest-wait"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Testcase for bug 672944</title>
<style type="text/css">
@font-face {
font-family: DejaVuSansMono;
src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
}
html,body {
color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
}
.bacon {
white-space: nowrap;
text-overflow: ellipsis ellipsis;
overflow: hidden;
width: 30ch;
display: -moz-box;
background: lime;
margin-bottom: 1em;
}
.auto {
overflow-x: auto;
padding-bottom: 2ch;
width: 29.5ch;
text-overflow: "" "";
}
.scroll {
overflow: auto;
padding: 2ch;
border: 3px solid black;
text-overflow: "" "";
}
.scroll2 {
overflow: auto;
padding: 3ch;
text-overflow: "" "";
}
.scroll3 {
overflow: auto;
padding: 2ch;
text-indent: -3ch;
text-overflow: "" "";
}
.scroll4 {
overflow: auto;
padding: 2ch 0.2ch;
text-overflow: "" "";
}
span { background-color:white; }
</style>
</head>
<body onload="document.getElementById('rtl_auto').scrollLeft=999999; document.documentElement.removeAttribute('class')">
<div style="float:right;" dir="rtl">
<div class="bacon"><span>1Beef hamburger bacon tri-tip, jowl biltong tail ribeye ham</span></div><br>
<div id="rtl_auto" class="bacon auto"><span>2Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll"><span>3Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll2"><span>4Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll3"><span>5Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll4"><span>6Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
</div>
<div>
<div class="bacon"><span>1Beef hamburger bacon tri-tip, jowl biltong tail ribeye ham</span></div><br>
<div class="bacon auto"><span>2Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll"><span>3Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll2"><span>4Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll3"><span>5Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
<div class="bacon scroll4"><span>6Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
</div>
</body>
</html>