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