| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>compute the kind of widget: author origin and transition origin</title> |
| <link rel="help" href="https://crbug.com/1086732"> |
| <link rel="match" href="appearance-transition-001-ref.html"> |
| <style> |
| input { |
| background-color: rgb(0, 0, 0); |
| transition: background-color 1e10s steps(2, start); |
| } |
| |
| .bg200 { |
| background-color: rgb(0, 200, 0); |
| } |
| </style> |
| <input value="text" id=input> |
| <script> |
| document.documentElement.offsetTop; |
| input.classList.toggle('bg200'); |
| </script> |
| <p>PASS if the input field has a dark green background</p> |
