|
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 } |
|
13 mask { |
|
14 display:block; |
|
15 position:absolute; |
|
16 left: -1px; |
|
17 bottom: -1px; |
|
18 height: 25px; |
|
19 width: 80%; |
|
20 background:black; |
|
21 } |
|
22 </style> |
|
23 </head> |
|
24 <body> |
|
25 |
|
26 <div style="position:relative;"> |
|
27 <div contenteditable=true spellcheck=false tabindex=0 id=x class="block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div> |
|
28 <mask></mask> |
|
29 </div> |
|
30 <script> |
|
31 var x = document.getElementById('x'); |
|
32 x.focus(); |
|
33 window.getSelection().collapse(x,0); |
|
34 </script> |
|
35 </body> |
|
36 </html> |