third_party/WebKit/LayoutTests/media/controls/overflow-fully-hidden.html - Issue 2499013003: Media Controls: don't "cut" controls if fully hidden.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/media/controls/overflow-fully-hidden.html

Issue 2499013003: Media Controls: don't "cut" controls if fully hidden. (Closed)

Patch Set: review comments Created 4 years, 1 month ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

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 style='padding: 900px'></video>

	22 <video controls width=800 style='padding: 900px'></video>

	23 <video controls width=1200 style='padding: 900px'></video>

	24 <video controls width=600 style='padding: 900px'></video>

	25 </body>

	26 <script>

	27 test(_ => {

	28 var videos = document.querySelectorAll('video');

	29 for (var video, i = 0; video = videos[i]; ++i) {

	30 video.src = findMediaFile('video', 'content/test');

	31 }

	32

	33 var forceLayout = document.body.offsetHeight;

	34

	35 assert_equals(getComputedStyle(mediaControlsButton(videos[0], 'panel')).width, '400px');

	36 assert_equals(getComputedStyle(mediaControlsButton(videos[1], 'panel')).width, '800px');

	37 assert_equals(getComputedStyle(mediaControlsButton(videos[2], 'panel')).width, '1200px');

	38 assert_equals(getComputedStyle(mediaControlsButton(videos[3], 'panel')).width, '600px');

	39 });

	40 </script>

	41 </html>

OLD	NEW

« no previous file with comments | « no previous file | third_party/WebKit/Source/core/layout/LayoutMedia.cpp » ('j') | no next file with comments »