| <!DOCTYPE html> |
| <title>Overflow menu always visible - expected</title> |
| <script src="../media-controls.js"></script> |
| <style> |
| video { |
| position: relative; |
| left: 200px; |
| width: 60px; |
| } |
| </style> |
| <video controls muted></video> |
| <script> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| |
| var video = document.querySelector('video'); |
| enableTestMode(video); |
| video.src = '../content/test.ogv'; |
| video.addTextTrack('captions', 'foo'); |
| video.addTextTrack('captions', 'bar'); |
| |
| video.addEventListener('loadedmetadata', () => { |
| var coords = elementCoordinates(overflowButton(video)); |
| clickAtCoordinates(coords[0], coords[1]); |
| |
| // Disabling pointer events on the overflow menu to avoid a flakyness with |
| // :hover sometimes applying. |
| overflowMenu(video).style = 'pointer-events: none;'; |
| |
| testRunner.layoutAndPaintAsyncThen(() => { |
| testRunner.notifyDone(); |
| }); |
| }); |
| </script> |
