<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[200196] trunk</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/200196">200196</a></dd>
<dt>Author</dt> <dd>adachan@apple.com</dd>
<dt>Date</dt> <dd>2016-04-28 10:34:24 -0700 (Thu, 28 Apr 2016)</dd>
</dl>
<h3>Log Message</h3>
<pre>Set overflow: hidden on ::-webkit-media-controls in mediaControlsApple.css
https://bugs.webkit.org/show_bug.cgi?id=157110
Reviewed by Eric Carlson.
Source/WebCore:
Test: fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls.html
This matches what we do in mediaControlsiOS.css.
* Modules/mediacontrols/mediaControlsApple.css:
(::-webkit-media-controls):
LayoutTests:
The style change caused an image only failure for fast/regions/inline-block-inside-anonymous-overflow.html.
Mark that test as image-failure-only and add a new test that's basically a copy of inline-block-inside-anonymous-overflow.html
with the default controls covered so we can still catch layout regressions related to flowing content from region to region.
* fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls-expected.html: Added.
* fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls.html: Added.
* platform/ios-simulator/TestExpectations:
fast/regions/inline-block-inside-anonymous-overflow.html is already marked as image-failure-only
so this new test needs to be marked too.
* platform/mac/TestExpectations:
* platform/mac/media/media-document-audio-repaint-expected.txt:
* platform/mac/media/video-zoom-controls-expected.txt:
Rebaseline test due to style change in mediaControlsApple.css.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorTestExpectations">trunk/LayoutTests/platform/ios-simulator/TestExpectations</a></li>
<li><a href="#trunkLayoutTestsplatformmacTestExpectations">trunk/LayoutTests/platform/mac/TestExpectations</a></li>
<li><a href="#trunkLayoutTestsplatformmacmediamediadocumentaudiorepaintexpectedtxt">trunk/LayoutTests/platform/mac/media/media-document-audio-repaint-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmacmediavideozoomcontrolsexpectedtxt">trunk/LayoutTests/platform/mac/media/video-zoom-controls-expected.txt</a></li>
<li><a href="#trunkSourceWebCoreChangeLog">trunk/Source/WebCore/ChangeLog</a></li>
<li><a href="#trunkSourceWebCoreModulesmediacontrolsmediaControlsApplecss">trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsfastregionsinlineblockinsideanonymousoverflowwithcoveredcontrolsexpectedhtml">trunk/LayoutTests/fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls-expected.html</a></li>
<li><a href="#trunkLayoutTestsfastregionsinlineblockinsideanonymousoverflowwithcoveredcontrolshtml">trunk/LayoutTests/fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls.html</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (200195 => 200196)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog 2016-04-28 17:12:42 UTC (rev 200195)
+++ trunk/LayoutTests/ChangeLog 2016-04-28 17:34:24 UTC (rev 200196)
</span><span class="lines">@@ -1,3 +1,24 @@
</span><ins>+2016-04-27 Ada Chan <adachan@apple.com>
+
+ Set overflow: hidden on ::-webkit-media-controls in mediaControlsApple.css
+ https://bugs.webkit.org/show_bug.cgi?id=157110
+
+ Reviewed by Eric Carlson.
+
+ The style change caused an image only failure for fast/regions/inline-block-inside-anonymous-overflow.html.
+ Mark that test as image-failure-only and add a new test that's basically a copy of inline-block-inside-anonymous-overflow.html
+ with the default controls covered so we can still catch layout regressions related to flowing content from region to region.
+
+ * fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls-expected.html: Added.
+ * fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls.html: Added.
+ * platform/ios-simulator/TestExpectations:
+ fast/regions/inline-block-inside-anonymous-overflow.html is already marked as image-failure-only
+ so this new test needs to be marked too.
+ * platform/mac/TestExpectations:
+ * platform/mac/media/media-document-audio-repaint-expected.txt:
+ * platform/mac/media/video-zoom-controls-expected.txt:
+ Rebaseline test due to style change in mediaControlsApple.css.
+
</ins><span class="cx"> 2016-04-28 Youenn Fablet <youenn.fablet@crf.canon.fr>
</span><span class="cx">
</span><span class="cx"> [Fetch API] Import remaining fetch tests
</span></span></pre></div>
<a id="trunkLayoutTestsfastregionsinlineblockinsideanonymousoverflowwithcoveredcontrolsexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls-expected.html (0 => 200196)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls-expected.html (rev 0)
+++ trunk/LayoutTests/fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls-expected.html 2016-04-28 17:34:24 UTC (rev 200196)
</span><span class="lines">@@ -0,0 +1,59 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <style>
+ .region {
+ border: 3px solid blue;
+ float: left;
+ }
+ #region1 {
+ height: 250px;
+ }
+ #region2 {
+ width: 300px;
+ height: 200px;
+ margin-left: 50px;
+ }
+ .article {
+ background-color: #009999;
+ }
+ #article1 {
+ height: 230px;
+ }
+ #video {
+ width: 320px;
+ height: 300px;
+ background-color: salmon;
+ border: 3px solid black;
+ }
+ #controlsBlocker {
+ position: absolute;
+ display: block;
+ width: 350px;
+ height: 40px;
+ top: 350px;
+ left: 5px;
+ z-index: 1000;
+ background-color: black;
+ }
+ </style>
+ </head>
+
+ <body>
+ <a href="https://bugs.webkit.org/show_bug.cgi?id=132601">Bug 132601 - [CSS Regions] Block incorrectly sized when containing an unsplittable box</a>
+ <p>This test passes if the <span style="color:#00BB00">green text</span> is positioned at the very top of the second <span style="color:blue">region</span> and the <span style="color:blue">blue text</span> immediately after it.</p>
+ <div class="region" id="region1">
+ <div class="article" id="article1">
+ <video id="video" controls></video><span style="color:#00FF00">
+ </div>
+ </div>
+
+ <div class="region" id="region2">
+ <div class="article" id="article2">
+ <span style="color:#00FF00">This text, together with the video element, are inside an anonymouse block</span>
+ <div id="after" style="color:blue">This div is after the anonymous block</div>
+ </div>
+ </div>
+ <div id="controlsBlocker"></div>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastregionsinlineblockinsideanonymousoverflowwithcoveredcontrolshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls.html (0 => 200196)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls.html (rev 0)
+++ trunk/LayoutTests/fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls.html 2016-04-28 17:34:24 UTC (rev 200196)
</span><span class="lines">@@ -0,0 +1,52 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <style>
+ .region {
+ -webkit-flow-from: flow;
+ border: 3px solid blue;
+ float: left;
+ }
+ #region1 {
+ height: 250px;
+ }
+ #region2 {
+ width: 300px;
+ height: 200px;
+ margin-left: 50px;
+ }
+ #article {
+ -webkit-flow-into: flow;
+ background-color: #009999;
+ }
+ #video {
+ width: 320px;
+ height: 300px;
+ background-color: salmon;
+ border: 3px solid black;
+ }
+ #controlsBlocker {
+ position: absolute;
+ display: block;
+ width: 350px;
+ height: 40px;
+ top: 350px;
+ left: 5px;
+ z-index: 1000;
+ background-color: black;
+ }
+ </style>
+ </head>
+
+ <body>
+ <a href="https://bugs.webkit.org/show_bug.cgi?id=132601">Bug 132601 - [CSS Regions] Block incorrectly sized when containing an unsplittable box</a>
+ <p>This test passes if the <span style="color:#00BB00">green text</span> is positioned at the very top of the second <span style="color:blue">region</span> and the <span style="color:blue">blue text</span> immediately after it.</p>
+ <div class="region" id="region1"></div>
+ <div class="region" id="region2"></div>
+ <div id="article">
+ <video id="video" controls></video><span style="color:#00FF00">This text, together with the video element, are inside an anonymouse block</span>
+ <div id="after" style="color:blue">This div is after the anonymous block</div>
+ </div>
+ <div id="controlsBlocker"></div>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorTestExpectations"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/ios-simulator/TestExpectations (200195 => 200196)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/TestExpectations 2016-04-28 17:12:42 UTC (rev 200195)
+++ trunk/LayoutTests/platform/ios-simulator/TestExpectations 2016-04-28 17:34:24 UTC (rev 200196)
</span><span class="lines">@@ -2005,6 +2005,7 @@
</span><span class="cx"> fast/regions/inline-block-flowed-in-regions.html [ ImageOnlyFailure ]
</span><span class="cx"> fast/regions/inline-block-inline-children-flowed-in-regions.html [ ImageOnlyFailure ]
</span><span class="cx"> fast/regions/inline-block-inside-anonymous-overflow.html [ ImageOnlyFailure ]
</span><ins>+fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls.html [ ImageOnlyFailure ]
</ins><span class="cx"> fast/regions/inline-block-overflow.html [ ImageOnlyFailure ]
</span><span class="cx"> fast/regions/inline-blocks-dyn-enlarged-regions.html [ ImageOnlyFailure ]
</span><span class="cx"> fast/regions/inline-blocks-dyn-shrunk-regions.html [ ImageOnlyFailure ]
</span></span></pre></div>
<a id="trunkLayoutTestsplatformmacTestExpectations"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/mac/TestExpectations (200195 => 200196)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/mac/TestExpectations 2016-04-28 17:12:42 UTC (rev 200195)
+++ trunk/LayoutTests/platform/mac/TestExpectations 2016-04-28 17:34:24 UTC (rev 200196)
</span><span class="lines">@@ -1331,3 +1331,5 @@
</span><span class="cx"> webkit.org/b/156351 storage/indexeddb/modern/autoincrement-abort-private.html [ Pass Timeout ]
</span><span class="cx">
</span><span class="cx"> webkit.org/b/156983 media/video-fullscreen-restriction-removed.html [ Pass Failure ]
</span><ins>+
+webkit.org/b/156320 fast/regions/inline-block-inside-anonymous-overflow.html [ ImageOnlyFailure ]
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformmacmediamediadocumentaudiorepaintexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/mac/media/media-document-audio-repaint-expected.txt (200195 => 200196)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/mac/media/media-document-audio-repaint-expected.txt 2016-04-28 17:12:42 UTC (rev 200195)
+++ trunk/LayoutTests/platform/mac/media/media-document-audio-repaint-expected.txt 2016-04-28 17:34:24 UTC (rev 200196)
</span><span class="lines">@@ -21,38 +21,13 @@
</span><span class="cx"> RenderVideo {VIDEO} at (40,164) size 300x2
</span><span class="cx"> layer at (40,165) size 300x1
</span><span class="cx"> RenderFlexibleBox {DIV} at (0,0) size 300x1
</span><del>- layer at (40,121) size 300x45
</del><ins>+ layer at (40,121) size 300x45 backgroundClip at (40,165) size 300x1 clip at (40,165) size 300x1
</ins><span class="cx"> RenderFlexibleBox {DIV} at (0,-44) size 300x45
</span><del>- layer at (40,121) size 300x45 isolatesBlending
</del><ins>+ layer at (40,121) size 300x45 backgroundClip at (40,165) size 300x1 clip at (40,165) size 300x1 isolatesBlending
</ins><span class="cx"> RenderBlock (positioned) {DIV} at (0,0) size 300x45
</span><del>- layer at (40,121) size 300x45
</del><ins>+ layer at (40,121) size 300x45 backgroundClip at (40,165) size 300x1 clip at (40,165) size 300x1
</ins><span class="cx"> RenderBlock (positioned) {DIV} at (0,0) size 300x45 [bgcolor=#1E1E1E73]
</span><del>- layer at (40,121) size 300x45 blendMode: lighten
</del><ins>+ layer at (40,121) size 300x45 backgroundClip at (40,165) size 300x1 clip at (40,165) size 300x1 blendMode: lighten
</ins><span class="cx"> RenderBlock (positioned) {DIV} at (0,0) size 300x45 [bgcolor=#292929]
</span><del>- layer at (48,146) size 12x15 blendMode: plus-lighter
- RenderButton {BUTTON} at (8,25) size 12x15 [color=#FFFFFF]
- layer at (76,145) size 16x15 blendMode: plus-lighter
- RenderButton {BUTTON} at (36,24) size 16x16 [color=#FFFFFF]
- layer at (100,145) size 210x17
- RenderFlexibleBox {DIV} at (60,24) size 210x17
- layer at (108,146) size 32x13 blendMode: plus-lighter
- RenderFlexibleBox {DIV} at (8,2) size 32x13 [color=#FFFFFF]
- RenderBlock (anonymous) at (2,0) size 30x13
- RenderText {#text} at (0,0) size 30x13
- text run at (0,0) width 30: "00:00"
- layer at (150,145) size 105x17
- RenderFlexibleBox {DIV} at (50,0) size 105x17
- layer at (150,145) size 105x17 blendMode: plus-lighter
- RenderSlider {INPUT} at (0,0) size 105x17 [color=#909090]
- RenderFlexibleBox {DIV} at (0,0) size 105x17
- RenderBlock {DIV} at (0,1) size 105x15
- RenderBlock {DIV} at (50,0) size 4x15
- layer at (265,146) size 37x13 blendMode: plus-lighter
- RenderFlexibleBox {DIV} at (165,2) size 37x13 [color=#FFFFFF]
- RenderBlock (anonymous) at (0,0) size 35x13
- RenderText {#text} at (0,0) size 35x13
- text run at (0,0) width 35: "-00:00"
- layer at (318,141) size 14x25
</del><ins>+ layer at (318,141) size 14x25 backgroundClip at (40,165) size 300x1 clip at (40,165) size 300x1
</ins><span class="cx"> RenderFlexibleBox {DIV} at (278,20) size 14x25
</span><del>- layer at (318,146) size 14x15 blendMode: plus-lighter
- RenderButton {BUTTON} at (0,5) size 14x15 [color=#FFFFFF]
</del></span></pre></div>
<a id="trunkLayoutTestsplatformmacmediavideozoomcontrolsexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/mac/media/video-zoom-controls-expected.txt (200195 => 200196)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/mac/media/video-zoom-controls-expected.txt 2016-04-28 17:12:42 UTC (rev 200195)
+++ trunk/LayoutTests/platform/mac/media/video-zoom-controls-expected.txt 2016-04-28 17:34:24 UTC (rev 200196)
</span><span class="lines">@@ -12,17 +12,17 @@
</span><span class="cx"> RenderFlexibleBox {DIV} at (0,0) size 240x180
</span><span class="cx"> layer at (57,198) size 240x67
</span><span class="cx"> RenderFlexibleBox {DIV} at (0,112) size 240x68
</span><del>-layer at (57,198) size 240x68 isolatesBlending
</del><ins>+layer at (57,198) size 240x68 backgroundClip at (57,85) size 240x180 clip at (57,85) size 240x180 isolatesBlending
</ins><span class="cx"> RenderBlock (positioned) {DIV} at (0,0) size 240x68
</span><del>-layer at (57,198) size 240x68
</del><ins>+layer at (57,198) size 240x68 backgroundClip at (57,85) size 240x180 clip at (57,85) size 240x180
</ins><span class="cx"> RenderBlock (positioned) {DIV} at (0,0) size 240x68 [bgcolor=#1E1E1E73]
</span><del>-layer at (57,198) size 240x68 blendMode: lighten
</del><ins>+layer at (57,198) size 240x68 backgroundClip at (57,85) size 240x180 clip at (57,85) size 240x180 blendMode: lighten
</ins><span class="cx"> RenderBlock (positioned) {DIV} at (0,0) size 240x68 [bgcolor=#292929]
</span><span class="cx"> layer at (69,235) size 18x22 blendMode: plus-lighter
</span><span class="cx"> RenderButton {BUTTON} at (12,37) size 18x23 [color=#FFFFFF]
</span><span class="cx"> layer at (111,234) size 24x22 blendMode: plus-lighter
</span><span class="cx"> RenderButton {BUTTON} at (54,36) size 24x24 [color=#FFFFFF]
</span><del>-layer at (221,228) size 21x38
</del><ins>+layer at (221,228) size 21x38 backgroundClip at (57,85) size 240x180 clip at (57,85) size 240x180
</ins><span class="cx"> RenderFlexibleBox {DIV} at (163,30) size 22x38
</span><span class="cx"> layer at (221,235) size 21x22 blendMode: plus-lighter
</span><span class="cx"> RenderButton {BUTTON} at (0,7) size 21x23 [color=#FFFFFF]
</span><span class="lines">@@ -32,21 +32,21 @@
</span><span class="cx"> RenderVideo {VIDEO} at (45,298) size 240x180
</span><span class="cx"> layer at (57,310) size 240x180
</span><span class="cx"> RenderFlexibleBox {DIV} at (0,0) size 240x180
</span><del>-layer at (57,423) size 240x67
</del><ins>+layer at (57,423) size 240x67 backgroundClip at (74,291) size 240x180 clip at (74,291) size 240x180
</ins><span class="cx"> RenderFlexibleBox {DIV} at (0,112) size 240x68
</span><del>-layer at (57,423) size 240x68 isolatesBlending
</del><ins>+layer at (57,423) size 240x68 backgroundClip at (74,291) size 240x180 clip at (74,291) size 240x180 isolatesBlending
</ins><span class="cx"> RenderBlock (positioned) {DIV} at (0,0) size 240x68
</span><del>-layer at (57,423) size 240x68
</del><ins>+layer at (57,423) size 240x68 backgroundClip at (74,291) size 240x180 clip at (74,291) size 240x180
</ins><span class="cx"> RenderBlock (positioned) {DIV} at (0,0) size 240x68 [bgcolor=#1E1E1E73]
</span><del>-layer at (57,423) size 240x68 blendMode: lighten
</del><ins>+layer at (57,423) size 240x68 backgroundClip at (74,291) size 240x180 clip at (74,291) size 240x180 blendMode: lighten
</ins><span class="cx"> RenderBlock (positioned) {DIV} at (0,0) size 240x68 [bgcolor=#292929]
</span><del>-layer at (69,460) size 18x22 blendMode: plus-lighter
</del><ins>+layer at (69,460) size 18x22 backgroundClip at (74,291) size 240x180 clip at (74,291) size 240x180 blendMode: plus-lighter
</ins><span class="cx"> RenderButton {BUTTON} at (12,37) size 18x23 [color=#FFFFFF]
</span><del>-layer at (111,459) size 24x22 blendMode: plus-lighter
</del><ins>+layer at (111,459) size 24x22 backgroundClip at (74,291) size 240x180 clip at (74,291) size 240x180 blendMode: plus-lighter
</ins><span class="cx"> RenderButton {BUTTON} at (54,36) size 24x24 [color=#FFFFFF]
</span><del>-layer at (221,453) size 21x38
</del><ins>+layer at (221,453) size 21x38 backgroundClip at (74,291) size 240x180 clip at (74,291) size 240x180
</ins><span class="cx"> RenderFlexibleBox {DIV} at (163,30) size 22x38
</span><del>-layer at (221,460) size 21x22 blendMode: plus-lighter
</del><ins>+layer at (221,460) size 21x22 backgroundClip at (74,291) size 240x180 clip at (74,291) size 240x180 blendMode: plus-lighter
</ins><span class="cx"> RenderButton {BUTTON} at (0,7) size 21x23 [color=#FFFFFF]
</span><del>-layer at (266,460) size 21x22 blendMode: plus-lighter
</del><ins>+layer at (266,460) size 21x22 backgroundClip at (74,291) size 240x180 clip at (74,291) size 240x180 blendMode: plus-lighter
</ins><span class="cx"> RenderButton {BUTTON} at (208,37) size 22x23 [color=#FFFFFF]
</span></span></pre></div>
<a id="trunkSourceWebCoreChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/ChangeLog (200195 => 200196)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/ChangeLog 2016-04-28 17:12:42 UTC (rev 200195)
+++ trunk/Source/WebCore/ChangeLog 2016-04-28 17:34:24 UTC (rev 200196)
</span><span class="lines">@@ -1,3 +1,17 @@
</span><ins>+2016-04-27 Ada Chan <adachan@apple.com>
+
+ Set overflow: hidden on ::-webkit-media-controls in mediaControlsApple.css
+ https://bugs.webkit.org/show_bug.cgi?id=157110
+
+ Reviewed by Eric Carlson.
+
+ Test: fast/regions/inline-block-inside-anonymous-overflow-with-covered-controls.html
+
+ This matches what we do in mediaControlsiOS.css.
+
+ * Modules/mediacontrols/mediaControlsApple.css:
+ (::-webkit-media-controls):
+
</ins><span class="cx"> 2016-04-28 Chris Dumez <cdumez@apple.com>
</span><span class="cx">
</span><span class="cx"> [Web IDL] Specify default values for optional parameters of type 'DOMString'
</span></span></pre></div>
<a id="trunkSourceWebCoreModulesmediacontrolsmediaControlsApplecss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css (200195 => 200196)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css 2016-04-28 17:12:42 UTC (rev 200195)
+++ trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css 2016-04-28 17:34:24 UTC (rev 200196)
</span><span class="lines">@@ -59,6 +59,7 @@
</span><span class="cx"> font: -webkit-small-control;
</span><span class="cx"> white-space: nowrap;
</span><span class="cx"> -webkit-font-smoothing: subpixel-antialiased;
</span><ins>+ overflow: hidden;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> video::-webkit-media-text-track-container,
</span></span></pre>
</div>
</div>
</body>
</html>