summaryrefslogtreecommitdiffstats
path: root/layout/reftests/text-overflow/single-value-ref.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/text-overflow/single-value-ref.html')
-rw-r--r--layout/reftests/text-overflow/single-value-ref.html106
1 files changed, 106 insertions, 0 deletions
diff --git a/layout/reftests/text-overflow/single-value-ref.html b/layout/reftests/text-overflow/single-value-ref.html
new file mode 100644
index 000000000..bb0954f25
--- /dev/null
+++ b/layout/reftests/text-overflow/single-value-ref.html
@@ -0,0 +1,106 @@
+<!DOCTYPE HTML>
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/licenses/publicdomain/
+
+ Test: text-overflow: <single value>, scrolled and non-scrolled tests, (bug 684266)
+-->
+<html class="reftest-wait"><head>
+<title>text-overflow: &lt;single value&gt;, scrolled and non-scrolled tests, (bug 684266)</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;
+}
+
+body {padding:10px 40px;}
+
+div {
+ width:100px;
+ white-space:nowrap;
+}
+.hidden {overflow:hidden}
+.auto {overflow:auto}
+.autolong {overflow:auto; width:100%;}
+.scroll {overflow:scroll}
+
+.ltr { direction:ltr; unicode-bidi: bidi-override; }
+.rtl { direction:rtl; unicode-bidi: bidi-override; }
+
+.ltr.p { text-indent: -5px; padding-left: 40px; } /* overflow into padding, but not outside the padding edge */
+.rtl.p { text-indent: -5px; padding-right: 40px; } /* overflow into padding, but not outside the padding edge */
+
+.s { text-indent: -5px; } /* overflow start edge outside the padding edge */
+
+div.ltr {
+ text-overflow: clip ellipsis;
+}
+div.rtl {
+ text-overflow: ellipsis clip;
+}
+
+</style>
+
+<script>
+function scrolldivs() {
+ var divs = document.getElementsByTagName('div');
+ for (i = 0; i < divs.length; ++i) {
+ var elm = divs[i];
+ if (elm.hasAttribute('scroll')) {
+ if (window.getComputedStyle(elm).direction == 'ltr')
+ elm.scrollLeft = 8;
+ else
+ elm.scrollLeft = -8;
+ }
+ }
+ document.documentElement.removeAttribute('class');
+}
+window.addEventListener("MozReftestInvalidate", scrolldivs, false);
+</script>
+</head>
+<body>
+
+ <div class="ltr start p hidden">A long line that does not break (overflow:hidden)</div>
+ <div class="ltr start p auto">A long line that does not break (overflow:auto)</div>
+ <div class="ltr start p autolong">A long line that does not break (overflow:auto)</div>
+ <div class="ltr start p scroll">A long line that does not break (overflow:scroll)</div>
+ <div class="ltr start s hidden">A long line that does not break (overflow:hidden)</div>
+ <div class="ltr start s auto">A long line that does not break (overflow:auto)</div>
+ <div class="ltr start s autolong">A long line that does not break (overflow:auto)</div>
+ <div class="ltr start s scroll">A long line that does not break (overflow:scroll)</div>
+
+ <div scroll class="ltr start p hidden">A long line that does not break (overflow:hidden)</div>
+ <div scroll class="ltr start p auto">A long line that does not break (overflow:auto)</div>
+ <div scroll class="ltr start p autolong">A long line that does not break (overflow:auto)</div>
+ <div scroll class="ltr start p scroll">A long line that does not break (overflow:scroll)</div>
+ <div scroll class="ltr start s hidden">A long line that does not break (overflow:hidden)</div>
+ <div scroll class="ltr start s auto">A long line that does not break (overflow:auto)</div>
+ <div scroll class="ltr start s autolong">A long line that does not break (overflow:auto)</div>
+ <div scroll class="ltr start s scroll">A long line that does not break (overflow:scroll)</div>
+
+<div class="rtl" style="float:right">
+ <div class="rtl start p hidden">A long line that does not break (overflow:hidden)</div>
+ <div class="rtl start p auto">A long line that does not break (overflow:auto)</div>
+ <div class="rtl start p autolong">A long line that does not break (overflow:auto)</div>
+ <div class="rtl start p scroll">A long line that does not break (overflow:scroll)</div>
+ <div class="rtl start s hidden">A long line that does not break (overflow:hidden)</div>
+ <div class="rtl start s auto">A long line that does not break (overflow:auto)</div>
+ <div class="rtl start s autolong">A long line that does not break (overflow:auto)</div>
+ <div class="rtl start s scroll">A long line that does not break (overflow:scroll)</div>
+
+ <div scroll class="rtl start p hidden">A long line that does not break (overflow:hidden)</div>
+ <div scroll class="rtl start p auto">A long line that does not break (overflow:auto)</div>
+ <div scroll class="rtl start p autolong">A long line that does not break (overflow:auto)</div>
+ <div scroll class="rtl start p scroll">A long line that does not break (overflow:scroll)</div>
+ <div scroll class="rtl start s hidden">A long line that does not break (overflow:hidden)</div>
+ <div scroll class="rtl start s auto">A long line that does not break (overflow:auto)</div>
+ <div scroll class="rtl start s autolong">A long line that does not break (overflow:auto)</div>
+ <div scroll class="rtl start s scroll">A long line that does not break (overflow:scroll)</div>
+</div>
+
+
+</body>
+</hml>