|
1 <!DOCTYPE HTML> |
|
2 <html><head> |
|
3 <meta charset="utf-8"> |
|
4 <title>Testcases for overflow-clip-box:content-box</title> |
|
5 <style type="text/css"> |
|
6 html,body { |
|
7 color:black; background-color:white; font:16px monospace; padding:0; margin:7px; |
|
8 } |
|
9 .block { |
|
10 border:1px solid grey; height:50px; width:200px; padding:20px; |
|
11 overflow:auto; overflow-clip-box:content-box; |
|
12 line-height:1px; |
|
13 } |
|
14 .rel { position:relative; } |
|
15 mask { |
|
16 display:block; |
|
17 position:absolute; |
|
18 left: -1px; |
|
19 bottom: -1px; |
|
20 height: 25px; |
|
21 width: 80%; |
|
22 background:black; |
|
23 } |
|
24 </style> |
|
25 </head> |
|
26 <body> |
|
27 |
|
28 <div style="position:relative;"> |
|
29 <div contenteditable=true spellcheck=false tabindex=0 id=x class="block"> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div> |
|
30 <mask></mask> |
|
31 </div> |
|
32 <script> |
|
33 var x = document.getElementById('x'); |
|
34 x.focus(); |
|
35 window.getSelection().collapse(x,0); |
|
36 </script> |
|
37 </body> |
|
38 </html> |