1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/text-overflow/bidi-simple-scrolled.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,98 @@
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: Simple bidi cases, scrolled a bit from the start position
1.10 +-->
1.11 +<html class="reftest-wait"><head>
1.12 +<title>text-overflow: simple mixed-bidi cases, scrolled a bit from the start position</title>
1.13 +<style type="text/css">
1.14 +@font-face {
1.15 + font-family: DejaVuSansMono;
1.16 + src: url(../fonts/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 +.test {
1.22 + overflow:auto;
1.23 + text-overflow:ellipsis ellipsis;
1.24 + white-space:nowrap;
1.25 + width: 4.4em;
1.26 + margin-bottom:1em;
1.27 + position:relative;
1.28 + line-height:2em;
1.29 +}
1.30 +
1.31 +.hidden {
1.32 + overflow:hidden;
1.33 + width: 4.7em;
1.34 +}
1.35 +
1.36 +.rlo {
1.37 + unicode-bidi: bidi-override; direction: rtl;
1.38 +}
1.39 +.lro {
1.40 + unicode-bidi: bidi-override; direction: ltr;
1.41 +}
1.42 +.rtl {
1.43 + direction:rtl;
1.44 +}
1.45 +.ltr {
1.46 + direction:ltr;
1.47 +}
1.48 +
1.49 +</style>
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 + if (window.getComputedStyle(divs[i]).direction == 'ltr')
1.55 + divs[i].scrollLeft = 8;
1.56 + else
1.57 + divs[i].scrollLeft = -8;
1.58 + }
1.59 + document.documentElement.removeAttribute('class');
1.60 +}
1.61 +</script>
1.62 +
1.63 +</head><body onload="scrolldivs()">
1.64 +
1.65 +<!-- LTR block -->
1.66 +
1.67 +<div class="test ltr">AxxxB <span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
1.68 +
1.69 +<div class="test ltr"><span class="rlo">Hell World</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
1.70 +
1.71 +<div class="test ltr"><span class="rlo">Hell World</span></div>
1.72 +
1.73 +
1.74 +<!-- RTL block -->
1.75 +<div class="test rtl">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">Hello orld</span></div>
1.76 +
1.77 +<div class="test rtl"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">Hello orld</span></div>
1.78 +
1.79 +<div class="test rtl"><span class="rlo">Hello orld</span></div>
1.80 +
1.81 +
1.82 +<div class="test rtl hidden">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
1.83 +
1.84 +<div class="test rtl hidden"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
1.85 +
1.86 +<div class="test rtl hidden"><span class="rlo">HelloWorld</span></div>
1.87 +
1.88 +<!-- LTR block -->
1.89 +
1.90 +
1.91 +<div class="test ltr hidden">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
1.92 +
1.93 +<div class="test ltr hidden"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
1.94 +
1.95 +<div class="test ltr hidden"><span class="rlo">HelloWorld</span></div>
1.96 +
1.97 +<span style="position:absolute; top:0; left:6em; height:6em; overflow:hidden;">
1.98 +<div class="test rtl"><br><br><span class="rlo">HelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorld</span></div>
1.99 +</span>
1.100 +
1.101 +</body></html>
