layout/reftests/text-overflow/bidi-simple-ref.html@925c144e1f1f
layout/reftests/text-overflow/bidi-simple-ref.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
1 <!DOCTYPE HTML>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/licenses/publicdomain/
5 -->
6 <html><head>
7 <title>text-overflow: simple mixed-bidi cases</title>
8 <style type="text/css">
9 @font-face {
10 font-family: DejaVuSansMono;
11 src: url(../fonts/DejaVuSansMono.woff);
12 }
13 html,body {
14 color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
15 }
17 .test {
18 overflow:auto;
19 white-space:nowrap;
20 width: 4.4em;
21 position:relative;
22 margin-top:1em;
23 }
25 .hidden {
26 overflow:hidden;
27 width: 4.7em;
28 }
30 .rlo {
31 unicode-bidi: bidi-override; direction: rtl;
32 }
33 .lro {
34 unicode-bidi: bidi-override; direction: ltr;
35 }
36 .rtl {
37 direction:rtl;
38 }
39 r {
40 position:absolute;
41 top:0; right:0;
42 }
43 l {
44 position:absolute;
45 top:0; left:0;
46 }
47 </style>
49 </head><body>
52 <!-- LTR overflow:scroll -->
53 <div class="test"><r>…</r>AxxxxB <span class="rlo">HelloWor</span>Axxxx<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
55 <div class="test"><r>…</r><span class="rlo">He oWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
57 <div class="test"><r>…</r><span class="rlo">He oWorld</span></div>
60 <!-- LTR overflow:hidden -->
61 <div class="test hidden">AxxxxB<m>…</m><span class="rlo">HelloWorl </span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
63 <div class="test hidden"><span class="rlo">H <m>…</m>oWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
65 <div class="test hidden"><span class="rlo">H <m>…</m>oWorld</span></div>
67 <!-- RTL overflow:scroll -->
68 <div class="test rtl"><l>…</l>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloW ld</span></div>
70 <div class="test rtl"><l>…</l><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloW ld</span></div>
72 <div class="test rtl"><l>…</l><span class="rlo">HelloW ld</span></div>
75 <!-- RTL overflow:hidden -->
76 <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">HelloW<m>…</m> </span></div>
78 <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">HelloW<m>…</m> </span></div>
80 <div class="test rtl hidden"><span class="rlo">HelloW<m>…</m> </span></div>
85 </body></html>
