| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <script> |
| 4 internals.settings.setViewportEnabled(true); |
| 5 internals.settings.setViewportMetaEnabled(true); |
| 6 </script> |
| 7 <head> |
| 8 <title>Test that overflow-x: hidden with a large viewport doesn't clip the contr
ols</title> |
| 9 <meta name='viewport' content='width=800'> |
| 10 <script src="../resources/testharness.js"></script> |
| 11 <script src="../resources/testharnessreport.js"></script> |
| 12 <script src="media-file.js"></script> |
| 13 <script src="media-controls.js"></script> |
| 14 </head> |
| 15 <style> |
| 16 body { |
| 17 overflow-x: hidden; |
| 18 } |
| 19 </style> |
| 20 <body> |
| 21 <video controls width=400></video> |
| 22 <video controls width=800></video> |
| 23 <video controls width=1200></video> |
| 24 <video controls width=600 style='padding: 300px'></video> |
| 25 </body> |
| 26 <script> |
| 27 test(_ => { |
| 28 const expectedWidth = [ |
| 29 "400px", |
| 30 "800px", |
| 31 "800px", |
| 32 "500px", |
| 33 ]; |
| 34 |
| 35 var videos = document.querySelectorAll('video'); |
| 36 for (var i=0; i < videos.length; ++i) { |
| 37 videos[i].src = findMediaFile('video', 'content/test'); |
| 38 } |
| 39 |
| 40 var forceLayout = document.body.offsetHeight; |
| 41 |
| 42 for (var i=0; i < videos.length; ++i) { |
| 43 var controls = mediaControlsButton(videos[i], 'panel'); |
| 44 assert_equals(getComputedStyle(controls).width, expectedWidth[i]); |
| 45 } |
| 46 }); |
| 47 </script> |
| 48 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2470503003:
Media controls max width is the width of the viewport. (Closed)
