1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/text-overflow/bidi-simple-scrolled-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 +<html class="reftest-wait"><head>
1.10 +<title>text-overflow: simple mixed-bidi cases</title>
1.11 +<style type="text/css">
1.12 +@font-face {
1.13 + font-family: DejaVuSansMono;
1.14 + src: url(../fonts/DejaVuSansMono.woff);
1.15 +}
1.16 +html,body {
1.17 + color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
1.18 +}
1.19 +
1.20 +.test {
1.21 + overflow:auto;
1.22 + white-space:nowrap;
1.23 + width: 4.4em;
1.24 + margin-bottom:1em;
1.25 + position:relative;
1.26 + line-height:2em;
1.27 +}
1.28 +
1.29 +.hidden {
1.30 + overflow:hidden;
1.31 + width: 4.7em;
1.32 +}
1.33 +
1.34 +.rlo {
1.35 + unicode-bidi: bidi-override; direction: rtl;
1.36 +}
1.37 +.lro {
1.38 + unicode-bidi: bidi-override; direction: ltr;
1.39 +}
1.40 +.rtl {
1.41 + direction:rtl;
1.42 +}
1.43 +rr {
1.44 + position:absolute;
1.45 + bottom:0; right:8px;
1.46 +}
1.47 +r {
1.48 + position:absolute;
1.49 + bottom:0; right:-8px;
1.50 +}
1.51 +ll {
1.52 + position:absolute;
1.53 + bottom:0; left:8px;
1.54 +}
1.55 +l {
1.56 + position:absolute;
1.57 + bottom:0; left:-8px;
1.58 +}
1.59 +
1.60 +</style>
1.61 +<script>
1.62 +function scrolldivs() {
1.63 + var divs = document.getElementsByTagName('div');
1.64 + for (i = 0; i < divs.length; ++i) {
1.65 + if (window.getComputedStyle(divs[i]).direction == 'ltr')
1.66 + divs[i].scrollLeft = 8;
1.67 + else
1.68 + divs[i].scrollLeft = -8;
1.69 + }
1.70 + document.documentElement.removeAttribute('class');
1.71 +}
1.72 +</script>
1.73 +
1.74 +</head><body onload="scrolldivs()">
1.75 +
1.76 +<!-- LTR block -->
1.77 +
1.78 +<div class="test"><ll>…</ll><r>…</r> xxB <span class="rlo">… </span> xxxx<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
1.79 +
1.80 +<div class="test"><ll>…</ll><r>…</r><span class="rlo"> Wor </span> B<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
1.81 +
1.82 +<div class="test"><ll>…</ll><r>…</r><span class="rlo"> Wor </span></div>
1.83 +
1.84 +<!-- RTL block -->
1.85 +<div class="test rtl"><rr>…</rr><l>…</l>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo"> llo </span></div>
1.86 +
1.87 +<div class="test rtl"><rr>…</rr><l>…</l><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo"> llo </span></div>
1.88 +
1.89 +<div class="test rtl"><rr>…</rr><l>…</l><span class="rlo"> llo </span></div>
1.90 +
1.91 +
1.92 +<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"> …lloWo… </span></div>
1.93 +
1.94 +<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"> …lloWo… </span></div>
1.95 +
1.96 +<div class="test rtl hidden"><span class="rlo"> …lloWo… </span></div>
1.97 +
1.98 +
1.99 +<div class="test hidden"> …xxxB<span class="rlo">Hello …d</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
1.100 +
1.101 +<div class="test hidden"><span class="rlo"> …loWor… </span> xxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
1.102 +
1.103 +<div class="test hidden"><span class="rlo"> …loWor… </span></div>
1.104 +
1.105 +<span style="position:absolute; top:0; left:6em; height:6em; overflow:hidden;">
1.106 +<div class="test rtl"><br><br><rr>…</rr><l>…</l><span class="rlo"> lloW HelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorld</span></div>
1.107 +</span>
1.108 +
1.109 +</body></html>
