OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 #ta { | 4 #ta { |
5 background-color: lightGray; | 5 background-color: lightGray; |
6 -webkit-mask: url(resources/rect.svg); | 6 -webkit-mask: url(resources/rect.svg); |
7 } | 7 } |
8 </style> | 8 </style> |
9 <script> | 9 <script> |
10 function test() | 10 function test() |
11 { | 11 { |
12 // Scroll to the bottom of the text area and remove focus so that painting o
f outline/focus ring don't affect test result. | 12 // Scroll to the bottom of the text area and remove focus so that painting o
f outline/focus ring don't affect test result. |
13 ta.setSelectionRange(ta.value.length, ta.value.length); | 13 ta.setSelectionRange(ta.value.length, ta.value.length); |
14 ta.focus(); | 14 ta.focus(); |
15 ta.blur(); | 15 ta.blur(); |
16 } | 16 } |
17 </script> | 17 </script> |
18 </head> | 18 </head> |
19 <body onload="test()"> | 19 <body onload="test()"> |
20 Test passes if the textarea's gray background and text are masked off to a 10x10
rect.<br> | 20 Test passes if the textarea's gray background and text are masked off to a 10x10
rect.<br> |
21 <textarea id="ta" rows=2> | 21 <textarea id="ta" rows=2> |
22 1 | 22 1 |
23 2 | 23 2 |
24 3 | 24 3 |
25 4 | 25 4 |
26 </textarea> | 26 </textarea> |
27 </body> | 27 </body> |
OLD | NEW |