summaryrefslogtreecommitdiffstats
path: root/layout/reftests/text-overflow/xulscroll.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/text-overflow/xulscroll.html')
-rw-r--r--layout/reftests/text-overflow/xulscroll.html104
1 files changed, 104 insertions, 0 deletions
diff --git a/layout/reftests/text-overflow/xulscroll.html b/layout/reftests/text-overflow/xulscroll.html
new file mode 100644
index 0000000000..c43f951232
--- /dev/null
+++ b/layout/reftests/text-overflow/xulscroll.html
@@ -0,0 +1,104 @@
+<!-- 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; }
+
+#block-hover {
+ position:fixed;
+ top:0;left:0;width:100%;height:100%;
+}
+ </style>
+ <script type="text/javascript">
+function init() {
+
+ // The behaviour of this test may be subtly different when this code runs
+ // before the first paint vs after the first paint. If you encounter
+ // intermittent failures in this reftest, you might have luck turning it into
+ // a reliable failure by wrapping this function body in a
+ // requestAnimationFrame callback to force it to run after the first paint.
+ // Alternatively you might need to force it to run before the first paint,
+ // perhaps by running it inline (not as an onload handler) or something.
+
+ // workaround bug 936936
+ document.body.style.display = "block";
+ document.body.getBoundingClientRect();
+
+ document.getElementById('rtl_auto').scrollLeft=999999;
+
+ document.documentElement.removeAttribute('class');
+}
+ </script>
+</head>
+<body onload="init();" style="display: inline;">
+
+<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>
+
+<div id="block-hover"></div>
+</body>
+</html>