1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/generic/crashtests/text-overflow-iframe.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,115 @@
1.4 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
1.5 +<html><head>
1.6 +<meta http-equiv="content-type" content="text/html; charset=UTF-8">
1.7 +<title>text-overflow: Test 12</title>
1.8 +<style type="text/css">
1.9 +
1.10 +.test {
1.11 + border: thin dashed black;
1.12 + overflow: hidden;
1.13 + white-space: nowrap;
1.14 + -o-text-overflow: ellipsis;
1.15 + text-overflow: ellipsis;
1.16 + font: 1em bold monospace;
1.17 + background:lime;
1.18 + color: black;
1.19 + margin-left:400px;
1.20 + height: 12em;
1.21 + text-shadow: #6374AB 5px -12px 2px;
1.22 +}
1.23 +
1.24 +body {
1.25 + width:800px;
1.26 +}
1.27 +
1.28 +img { width: 50px; height: 50px; outline:5px dotted yellow; }
1.29 +span {
1.30 + font-size:16px;
1.31 + background:pink;
1.32 + border: 5px dashed blue;
1.33 + padding: 0 25px;
1.34 + text-decoration: underline overline line-through;
1.35 + color:brown;
1.36 + text-shadow: none;
1.37 +}
1.38 +i {
1.39 + display:inline-block;
1.40 + height: 50px;
1.41 + width: 5em;
1.42 + background: blue;
1.43 + outline:5px dotted yellow;
1.44 + text-shadow: none;
1.45 +}
1.46 +u {
1.47 + padding-left:140px;
1.48 +}
1.49 +v {
1.50 + padding-right:140px;
1.51 +}
1.52 +.rtl {
1.53 + direction:rtl;
1.54 +}
1.55 +.rlo span {
1.56 + unicode-bidi: bidi-override; direction: rtl;
1.57 +}
1.58 +.lro span {
1.59 + unicode-bidi: bidi-override; direction: ltr;
1.60 +}
1.61 +.h {display:none}
1.62 +iframe {
1.63 + width: 100px;
1.64 + height: 50px;
1.65 +}
1.66 +</style>
1.67 +<script>
1.68 +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"
1.69 +function initIFRAME() {
1.70 + var f = document.getElementsByTagName('iframe');
1.71 + for (i = 0; i < f.length; ++i) {
1.72 + f[i].setAttribute('src', c);
1.73 + }
1.74 + setTimeout(function(){document.body.style.width='500px'},0);
1.75 +}
1.76 +function setTextOverflow(str,quoted) {
1.77 + var x = document.styleSheets[0];
1.78 + var q = quoted ? '"' : '';
1.79 + x.insertRule('.test{text-overflow:' + q + str + q +'}', x.cssRules.length);
1.80 +}
1.81 +</script>
1.82 +</head><body onload="initIFRAME()">
1.83 +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>
1.84 +
1.85 +LTR / LTR
1.86 +<div class="test">
1.87 +<span><iframe></iframe>CSS is awesome CSS<i>overflowing-inline-block</i><u> is awesome</u></span><br>
1.88 +<span>CSS is awe<iframe></iframe>some CSS is awesome <i></i></span><br>
1.89 +<span>C SS is awesome<button>BUTTON</button> CSS is <iframe></iframe>awesom e </span><br>
1.90 +<span>C­SS is awesome CSS is awesom­e <button>BUTTON</button></span><br>
1.91 +<br><br></div>
1.92 +
1.93 +RTL / LTR
1.94 +<div class="test rtl">
1.95 +<span><iframe></iframe><v>CSS is awesome CSS</v><i>overflowing-inline-block</i> is awesome </span><br>
1.96 +<span>CSS is awe<iframe></iframe>some CSS is awesome <i></i></span><br>
1.97 +<span>C SS is awesome<button>BUTTON</button> CSS is <iframe></iframe>awesom e </span><br>
1.98 +<span>C­SS is awesome CSS is awesom­e <button>BUTTON</button></span><br>
1.99 +<br><br></div>
1.100 +
1.101 +
1.102 +LTR / RTL
1.103 +<div class="test rlo">
1.104 +<span><iframe></iframe>CSS is awesome CSS<i>overflowing-inline-block</i> is awesome </span><br>
1.105 +<span>CSS is awe<iframe></iframe>some CSS is awesome <i></i></span><br>
1.106 +<span>C SS is awesome<button>BUTTON</button> CSS is <iframe></iframe>awesom e </span><br>
1.107 +<span><button>BUTTON</button>C­SS is awesome CSS is awesom­e </span><br>
1.108 +<br><br></div>
1.109 +
1.110 +RTL / RTL
1.111 +<div class="test rtl rlo">
1.112 +<span><iframe></iframe>CSS is awesome CSS<i>overflowing-inline-block</i> is awesome </span><br>
1.113 +<span>CSS is awe<iframe></iframe>some CSS is awesome <i></i></span><br>
1.114 +<span>C SS is awesome<button>BUTTON</button> CSS is <iframe></iframe>awesom e </span><br>
1.115 +<span><button>BUTTON</button>C­SS is awesome CSS is awesom­e </span><br>
1.116 +<br><br></div>
1.117 +
1.118 +</body></html>
