layout/generic/crashtests/text-overflow-iframe.html@6474c204b198
layout/generic/crashtests/text-overflow-iframe.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html><head>
3 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
4 <title>text-overflow: Test 12</title>
5 <style type="text/css">
7 .test {
8 border: thin dashed black;
9 overflow: hidden;
10 white-space: nowrap;
11 -o-text-overflow: ellipsis;
12 text-overflow: ellipsis;
13 font: 1em bold monospace;
14 background:lime;
15 color: black;
16 margin-left:400px;
17 height: 12em;
18 text-shadow: #6374AB 5px -12px 2px;
19 }
21 body {
22 width:800px;
23 }
25 img { width: 50px; height: 50px; outline:5px dotted yellow; }
26 span {
27 font-size:16px;
28 background:pink;
29 border: 5px dashed blue;
30 padding: 0 25px;
31 text-decoration: underline overline line-through;
32 color:brown;
33 text-shadow: none;
34 }
35 i {
36 display:inline-block;
37 height: 50px;
38 width: 5em;
39 background: blue;
40 outline:5px dotted yellow;
41 text-shadow: none;
42 }
43 u {
44 padding-left:140px;
45 }
46 v {
47 padding-right:140px;
48 }
49 .rtl {
50 direction:rtl;
51 }
52 .rlo span {
53 unicode-bidi: bidi-override; direction: rtl;
54 }
55 .lro span {
56 unicode-bidi: bidi-override; direction: ltr;
57 }
58 .h {display:none}
59 iframe {
60 width: 100px;
61 height: 50px;
62 }
63 </style>
64 <script>
65 var c = "data:text/html,<style>body {white-space: nowrap;overflow:hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}</style><body bgcolor='magenta'>CSS is awesome"
66 function initIFRAME() {
67 var f = document.getElementsByTagName('iframe');
68 for (i = 0; i < f.length; ++i) {
69 f[i].setAttribute('src', c);
70 }
71 setTimeout(function(){document.body.style.width='500px'},0);
72 }
73 function setTextOverflow(str,quoted) {
74 var x = document.styleSheets[0];
75 var q = quoted ? '"' : '';
76 x.insertRule('.test{text-overflow:' + q + str + q +'}', x.cssRules.length);
77 }
78 </script>
79 </head><body onload="initIFRAME()">
80 text-overflow:"<input placeholder="type text then <ENTER>" onchange='setTextOverflow(this.value,1)'>" | <button onclick="setTextOverflow('ellipsis')">ellipsis</button> | <button onclick="setTextOverflow('clip')">clip</button> (Try "." or "" for example) <br>
82 LTR / LTR
83 <div class="test">
84 <span><iframe></iframe>CSS is awesome CSS<i>overflowing-inline-block</i><u> is awesome</u></span><br>
85 <span>CSS is awe<iframe></iframe>some CSS is awesome <i></i></span><br>
86 <span>C SS is awesome<button>BUTTON</button> CSS is <iframe></iframe>awesom e </span><br>
87 <span>C­SS is awesome CSS is awesom­e <button>BUTTON</button></span><br>
88 <br><br></div>
90 RTL / LTR
91 <div class="test rtl">
92 <span><iframe></iframe><v>CSS is awesome CSS</v><i>overflowing-inline-block</i> is awesome </span><br>
93 <span>CSS is awe<iframe></iframe>some CSS is awesome <i></i></span><br>
94 <span>C SS is awesome<button>BUTTON</button> CSS is <iframe></iframe>awesom e </span><br>
95 <span>C­SS is awesome CSS is awesom­e <button>BUTTON</button></span><br>
96 <br><br></div>
99 LTR / RTL
100 <div class="test rlo">
101 <span><iframe></iframe>CSS is awesome CSS<i>overflowing-inline-block</i> is awesome </span><br>
102 <span>CSS is awe<iframe></iframe>some CSS is awesome <i></i></span><br>
103 <span>C SS is awesome<button>BUTTON</button> CSS is <iframe></iframe>awesom e </span><br>
104 <span><button>BUTTON</button>C­SS is awesome CSS is awesom­e </span><br>
105 <br><br></div>
107 RTL / RTL
108 <div class="test rtl rlo">
109 <span><iframe></iframe>CSS is awesome CSS<i>overflowing-inline-block</i> is awesome </span><br>
110 <span>CSS is awe<iframe></iframe>some CSS is awesome <i></i></span><br>
111 <span>C SS is awesome<button>BUTTON</button> CSS is <iframe></iframe>awesom e </span><br>
112 <span><button>BUTTON</button>C­SS is awesome CSS is awesom­e </span><br>
113 <br><br></div>
115 </body></html>
