1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/text-overflow/single-value-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,106 @@
1.4 +<!DOCTYPE HTML>
1.5 +<!--
1.6 + Any copyright is dedicated to the Public Domain.
1.7 + http://creativecommons.org/licenses/publicdomain/
1.8 +
1.9 + Test: text-overflow: <single value>, scrolled and non-scrolled tests, (bug 684266)
1.10 +-->
1.11 +<html class="reftest-wait"><head>
1.12 +<title>text-overflow: <single value>, scrolled and non-scrolled tests, (bug 684266)</title>
1.13 +<style type="text/css">
1.14 +@font-face {
1.15 + font-family: DejaVuSansMono;
1.16 + src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
1.17 +}
1.18 +html,body {
1.19 + color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
1.20 +}
1.21 +
1.22 +body {padding:10px 40px;}
1.23 +
1.24 +div {
1.25 + width:100px;
1.26 + white-space:nowrap;
1.27 +}
1.28 +.hidden {overflow:hidden}
1.29 +.auto {overflow:auto}
1.30 +.autolong {overflow:auto; width:100%;}
1.31 +.scroll {overflow:scroll}
1.32 +
1.33 +.ltr { direction:ltr; unicode-bidi: bidi-override; }
1.34 +.rtl { direction:rtl; unicode-bidi: bidi-override; }
1.35 +
1.36 +.ltr.p { text-indent: -5px; padding-left: 40px; } /* overflow into padding, but not outside the padding edge */
1.37 +.rtl.p { text-indent: -5px; padding-right: 40px; } /* overflow into padding, but not outside the padding edge */
1.38 +
1.39 +.s { text-indent: -5px; } /* overflow start edge outside the padding edge */
1.40 +
1.41 +div.ltr {
1.42 + text-overflow: clip ellipsis;
1.43 +}
1.44 +div.rtl {
1.45 + text-overflow: ellipsis clip;
1.46 +}
1.47 +
1.48 +</style>
1.49 +
1.50 +<script>
1.51 +function scrolldivs() {
1.52 + var divs = document.getElementsByTagName('div');
1.53 + for (i = 0; i < divs.length; ++i) {
1.54 + var elm = divs[i];
1.55 + if (elm.hasAttribute('scroll')) {
1.56 + if (window.getComputedStyle(elm).direction == 'ltr')
1.57 + elm.scrollLeft = 8;
1.58 + else
1.59 + elm.scrollLeft = -8;
1.60 + }
1.61 + }
1.62 + document.documentElement.removeAttribute('class');
1.63 +}
1.64 +window.addEventListener("MozReftestInvalidate", scrolldivs, false);
1.65 +</script>
1.66 +</head>
1.67 +<body>
1.68 +
1.69 + <div class="ltr start p hidden">A long line that does not break (overflow:hidden)</div>
1.70 + <div class="ltr start p auto">A long line that does not break (overflow:auto)</div>
1.71 + <div class="ltr start p autolong">A long line that does not break (overflow:auto)</div>
1.72 + <div class="ltr start p scroll">A long line that does not break (overflow:scroll)</div>
1.73 + <div class="ltr start s hidden">A long line that does not break (overflow:hidden)</div>
1.74 + <div class="ltr start s auto">A long line that does not break (overflow:auto)</div>
1.75 + <div class="ltr start s autolong">A long line that does not break (overflow:auto)</div>
1.76 + <div class="ltr start s scroll">A long line that does not break (overflow:scroll)</div>
1.77 +
1.78 + <div scroll class="ltr start p hidden">A long line that does not break (overflow:hidden)</div>
1.79 + <div scroll class="ltr start p auto">A long line that does not break (overflow:auto)</div>
1.80 + <div scroll class="ltr start p autolong">A long line that does not break (overflow:auto)</div>
1.81 + <div scroll class="ltr start p scroll">A long line that does not break (overflow:scroll)</div>
1.82 + <div scroll class="ltr start s hidden">A long line that does not break (overflow:hidden)</div>
1.83 + <div scroll class="ltr start s auto">A long line that does not break (overflow:auto)</div>
1.84 + <div scroll class="ltr start s autolong">A long line that does not break (overflow:auto)</div>
1.85 + <div scroll class="ltr start s scroll">A long line that does not break (overflow:scroll)</div>
1.86 +
1.87 +<div class="rtl" style="float:right">
1.88 + <div class="rtl start p hidden">A long line that does not break (overflow:hidden)</div>
1.89 + <div class="rtl start p auto">A long line that does not break (overflow:auto)</div>
1.90 + <div class="rtl start p autolong">A long line that does not break (overflow:auto)</div>
1.91 + <div class="rtl start p scroll">A long line that does not break (overflow:scroll)</div>
1.92 + <div class="rtl start s hidden">A long line that does not break (overflow:hidden)</div>
1.93 + <div class="rtl start s auto">A long line that does not break (overflow:auto)</div>
1.94 + <div class="rtl start s autolong">A long line that does not break (overflow:auto)</div>
1.95 + <div class="rtl start s scroll">A long line that does not break (overflow:scroll)</div>
1.96 +
1.97 + <div scroll class="rtl start p hidden">A long line that does not break (overflow:hidden)</div>
1.98 + <div scroll class="rtl start p auto">A long line that does not break (overflow:auto)</div>
1.99 + <div scroll class="rtl start p autolong">A long line that does not break (overflow:auto)</div>
1.100 + <div scroll class="rtl start p scroll">A long line that does not break (overflow:scroll)</div>
1.101 + <div scroll class="rtl start s hidden">A long line that does not break (overflow:hidden)</div>
1.102 + <div scroll class="rtl start s auto">A long line that does not break (overflow:auto)</div>
1.103 + <div scroll class="rtl start s autolong">A long line that does not break (overflow:auto)</div>
1.104 + <div scroll class="rtl start s scroll">A long line that does not break (overflow:scroll)</div>
1.105 +</div>
1.106 +
1.107 +
1.108 +</body>
1.109 +</hml>
