| 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 |