| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../resources/testharness.js"></script> |
| <script src="../../../resources/testharnessreport.js"></script> |
| <style> |
| #test1 { |
| max-height: 65px; |
| overflow: auto; |
| width: 100px; |
| height: 65px; |
| } |
| input[type="radio"] { |
| display: block; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="test1"> |
| <input type="radio" name="foo" checked> |
| <input type="radio" name="foo"> |
| <input type="radio" name="foo"> |
| <input type="radio" name="foo"> |
| <input type="radio" name="foo"> |
| <input type="radio" name="foo"> |
| </div> |
| <script> |
| test(function() { |
| document.querySelector("input").focus(); |
| assert_own_property(window, "eventSender"); |
| for (var i = 0; i < 5; i++) { |
| eventSender.keyDown("ArrowDown"); |
| } |
| assert_greater_than(document.getElementById("test1").scrollTop, 0); |
| }, "Parent container should be scrolled while navigating through radio inputs"); |
| </script> |
| </body> |
| </html> |