<!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>[166800] 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/166800">166800</a></dd>
<dt>Author</dt> <dd>commit-queue@webkit.org</dd>
<dt>Date</dt> <dd>2014-04-04 13:34:23 -0700 (Fri, 04 Apr 2014)</dd>
</dl>

<h3>Log Message</h3>
<pre>[CSS Blending] Add compositing reason for isolation.
https://bugs.webkit.org/show_bug.cgi?id=131153

Patch by Ion Rosca &lt;rosca@adobe.com&gt; on 2014-04-04
Reviewed by Joseph Pecoraro.

Source/WebCore:

There are 2 reasons involving blend modes for a layer to be composited:
1) the layer has blend mode and has composited descendants: CompositingReasonBlendingWithCompositedDescendants.
2) the layer has to isolate composited blending descendants: CompositingReasonIsolatesCompositedBlendingDescendants

Test: inspector-protocol/layers/layers-blending-compositing-reasons.html

* inspector/InspectorLayerTreeAgent.cpp:
(WebCore::InspectorLayerTreeAgent::reasonsForCompositingLayer):
* inspector/protocol/LayerTree.json:
* rendering/RenderLayerCompositor.cpp:
(WebCore::RenderLayerCompositor::reasonsForCompositing):
(WebCore::RenderLayerCompositor::logReasonsForCompositing):
* rendering/RenderLayerCompositor.h: adding CompositingReasonIsolatesCompositedBlendingDescendants.

Source/WebInspectorUI:

* Localizations/en.lproj/localizedStrings.js:
* UserInterface/Views/LayerTreeSidebarPanel.js:
(WebInspector.LayerTreeSidebarPanel.prototype._populateListOfCompositingReasons):

LayoutTests:

* inspector-protocol/layers/layers-blending-compositing-reasons-expected.txt: Added.
* inspector-protocol/layers/layers-blending-compositing-reasons.html: Added.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkSourceWebCoreChangeLog">trunk/Source/WebCore/ChangeLog</a></li>
<li><a href="#trunkSourceWebCoreinspectorInspectorLayerTreeAgentcpp">trunk/Source/WebCore/inspector/InspectorLayerTreeAgent.cpp</a></li>
<li><a href="#trunkSourceWebCoreinspectorprotocolLayerTreejson">trunk/Source/WebCore/inspector/protocol/LayerTree.json</a></li>
<li><a href="#trunkSourceWebCorerenderingRenderLayerCompositorcpp">trunk/Source/WebCore/rendering/RenderLayerCompositor.cpp</a></li>
<li><a href="#trunkSourceWebCorerenderingRenderLayerCompositorh">trunk/Source/WebCore/rendering/RenderLayerCompositor.h</a></li>
<li><a href="#trunkSourceWebInspectorUIChangeLog">trunk/Source/WebInspectorUI/ChangeLog</a></li>
<li><a href="#trunkSourceWebInspectorUILocalizationsenlprojlocalizedStringsjs">trunk/Source/WebInspectorUI/Localizations/en.lproj/localizedStrings.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsLayerTreeSidebarPaneljs">trunk/Source/WebInspectorUI/UserInterface/Views/LayerTreeSidebarPanel.js</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsinspectorprotocollayerslayersblendingcompositingreasonsexpectedtxt">trunk/LayoutTests/inspector-protocol/layers/layers-blending-compositing-reasons-expected.txt</a></li>
<li><a href="#trunkLayoutTestsinspectorprotocollayerslayersblendingcompositingreasonshtml">trunk/LayoutTests/inspector-protocol/layers/layers-blending-compositing-reasons.html</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (166799 => 166800)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog        2014-04-04 19:57:47 UTC (rev 166799)
+++ trunk/LayoutTests/ChangeLog        2014-04-04 20:34:23 UTC (rev 166800)
</span><span class="lines">@@ -1,3 +1,13 @@
</span><ins>+2014-04-04  Ion Rosca  &lt;rosca@adobe.com&gt;
+
+        [CSS Blending] Add compositing reason for isolation.
+        https://bugs.webkit.org/show_bug.cgi?id=131153
+
+        Reviewed by Joseph Pecoraro.
+
+        * inspector-protocol/layers/layers-blending-compositing-reasons-expected.txt: Added.
+        * inspector-protocol/layers/layers-blending-compositing-reasons.html: Added.
+
</ins><span class="cx"> 2014-04-04  Alexey Proskuryakov  &lt;ap@apple.com&gt;
</span><span class="cx"> 
</span><span class="cx">         REGRESSION (r166615): Pressing return doesn’t submit search term at bing.com
</span></span></pre></div>
<a id="trunkLayoutTestsinspectorprotocollayerslayersblendingcompositingreasonsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/inspector-protocol/layers/layers-blending-compositing-reasons-expected.txt (0 => 166800)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/inspector-protocol/layers/layers-blending-compositing-reasons-expected.txt                                (rev 0)
+++ trunk/LayoutTests/inspector-protocol/layers/layers-blending-compositing-reasons-expected.txt        2014-04-04 20:34:23 UTC (rev 166800)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+
+=== Enable the LayerTree agent ===
+
+PASS
+
+=== Get the Document ===
+
+PASS
+
+=== Get the layer tree ===
+
+PASS
+
+=== Check layers' reasons for compositing ===
+
+PASS: &lt;div id=&quot;isolating&quot;&gt; is composition due to isolating compositing descendants having CSS blending applied.
+PASS: &lt;div id=&quot;blending&quot;&gt; is composited due having CSS blending applied and composited descendants.
+
</ins></span></pre></div>
<a id="trunkLayoutTestsinspectorprotocollayerslayersblendingcompositingreasonshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/inspector-protocol/layers/layers-blending-compositing-reasons.html (0 => 166800)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/inspector-protocol/layers/layers-blending-compositing-reasons.html                                (rev 0)
+++ trunk/LayoutTests/inspector-protocol/layers/layers-blending-compositing-reasons.html        2014-04-04 20:34:23 UTC (rev 166800)
</span><span class="lines">@@ -0,0 +1,163 @@
</span><ins>+&lt;html&gt;
+&lt;head&gt;
+&lt;script type=&quot;text/javascript&quot; src=&quot;../../http/tests/inspector-protocol/resources/protocol-test.js&quot;&gt;&lt;/script&gt;
+&lt;script type=&quot;text/javascript&quot;&gt;
+
+function test()
+{
+
+    var nodes = [];

+    InspectorTest.eventHandler[&quot;DOM.setChildNodes&quot;] = setChildNodes;
+
+    enableLayerTreeAgent();
+    
+    function enableLayerTreeAgent(result)
+    {
+        step({
+            name: &quot;Enable the LayerTree agent&quot;,
+            command: &quot;LayerTree.enable&quot;,
+            parameters: {},
+            callback: getDocument
+        });
+    };
+
+    function getDocument()
+    {
+        // We must first get the document so that later on we may get sensible nodeIds.
+        step({
+            name: &quot;Get the Document&quot;,
+            command: &quot;DOM.getDocument&quot;,
+            parameters: {},
+            callback: getLayerTree
+        });
+    };
+
+    function getLayerTree(result)
+    {
+        step({
+            name: &quot;Get the layer tree&quot;,
+            command: &quot;LayerTree.layersForNode&quot;,
+            parameters: {&quot;nodeId&quot;: result.root.nodeId},
+            callback: gotLayerTree
+        });
+    };
+
+    function gotLayerTree(result)
+    {
+        logTestName(&quot;Check layers' reasons for compositing&quot;)
+        
+        var layers = result.layers;
+
+        var nodesById = {};
+        nodes.forEach(function(node) {
+            nodesById[node.nodeId] = node;
+        });
+
+        var count = 0;
+        
+        function hasId(node, id) {
+            return node &amp;&amp; node.attributes &amp;&amp; node.attributes[0] === &quot;id&quot; &amp;&amp; node.attributes[1] === id;
+        }
+        
+        function dumpReasons(layer, compositingReasons) {
+            var node = nodesById[layer.nodeId];
+
+            if (hasId(node, &quot;blending&quot;)) {
+                assert(
+                    &quot;&lt;div id=\&quot;blending\&quot;&gt; is composited due having CSS blending applied and composited descendants&quot;,
+                    compositingReasons.blendingWithCompositedDescendants,
+                    true);
+            } else if (hasId(node, &quot;isolating&quot;)) {
+                assert(
+                    &quot;&lt;div id=\&quot;isolating\&quot;&gt; is composition due to isolating compositing descendants having CSS blending applied&quot;,
+                    compositingReasons.isolatesCompositedBlendingDescendants,
+                    true);
+            }
+
+            if (++count === layers.length)
+                InspectorTest.completeTest();
+        };
+
+        layers.forEach(function (layer) {
+            runCommand({
+                command: &quot;LayerTree.reasonsForCompositingLayer&quot;,
+                parameters: {&quot;layerId&quot;: layer.layerId},
+                callback: function(result) {
+                    dumpReasons(layer, result.compositingReasons);
+                }
+            });
+        });
+    };
+
+    function setChildNodes (messageObject) {
+        messageObject.params.nodes.forEach(function (node) {
+            nodes.push(node);
+        })
+    };
+
+    function step(test)
+    {
+        if (test.callback)
+            logTestName(test.name);
+        runCommand(test);
+    };
+
+    function logTestName(name)
+    {
+        InspectorTest.log(&quot;\n=== &quot; + name + &quot; ===\n&quot;);
+    };
+
+    function runCommand(command)
+    {
+        InspectorTest.sendCommand(command.command, command.parameters, function(messageObject) {
+            InspectorTest.checkForError(messageObject);
+
+            if (command.name)
+                InspectorTest.log(&quot;PASS&quot;);
+
+            if (command.callback)
+                command.callback(messageObject.result);
+        });
+    };
+
+    function assert(name, actual, expected)
+    {
+        if (expected === actual)
+            InspectorTest.log(&quot;PASS: &quot; + name + &quot;.&quot;);
+        else
+            InspectorTest.log(&quot;FAIL: &quot; + name + &quot;. Expected &quot; + expected + &quot; but got &quot; + actual);
+    };
+
+};
+
+window.addEventListener(&quot;DOMContentLoaded&quot;, function()
+{
+    runTest();
+}, false);
+
+&lt;/script&gt;
+&lt;style type=&quot;text/css&quot;&gt;
+      
+    #isolating {
+        -webkit-isolation: isolate;
+    }
+
+    #blending {
+        -webkit-mix-blend-mode: difference;
+    }
+
+    #composited {
+        -webkit-transform: translateZ(0);
+    }
+
+&lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+    &lt;div id=&quot;isolating&quot;&gt;
+        &lt;div id=&quot;blending&quot;&gt;
+            &lt;div id=&quot;composited&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkSourceWebCoreChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/ChangeLog (166799 => 166800)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/ChangeLog        2014-04-04 19:57:47 UTC (rev 166799)
+++ trunk/Source/WebCore/ChangeLog        2014-04-04 20:34:23 UTC (rev 166800)
</span><span class="lines">@@ -1,3 +1,24 @@
</span><ins>+2014-04-04  Ion Rosca  &lt;rosca@adobe.com&gt;
+
+        [CSS Blending] Add compositing reason for isolation.
+        https://bugs.webkit.org/show_bug.cgi?id=131153
+
+        Reviewed by Joseph Pecoraro.
+
+        There are 2 reasons involving blend modes for a layer to be composited:
+        1) the layer has blend mode and has composited descendants: CompositingReasonBlendingWithCompositedDescendants.
+        2) the layer has to isolate composited blending descendants: CompositingReasonIsolatesCompositedBlendingDescendants
+
+        Test: inspector-protocol/layers/layers-blending-compositing-reasons.html
+
+        * inspector/InspectorLayerTreeAgent.cpp:
+        (WebCore::InspectorLayerTreeAgent::reasonsForCompositingLayer):
+        * inspector/protocol/LayerTree.json:
+        * rendering/RenderLayerCompositor.cpp:
+        (WebCore::RenderLayerCompositor::reasonsForCompositing):
+        (WebCore::RenderLayerCompositor::logReasonsForCompositing):
+        * rendering/RenderLayerCompositor.h: adding CompositingReasonIsolatesCompositedBlendingDescendants.
+
</ins><span class="cx"> 2014-04-04  Bem Jones-Bey  &lt;bjonesbe@adobe.com&gt;
</span><span class="cx"> 
</span><span class="cx">         Use more const refs in ShapeOutsideInfo and some misc cleanup
</span></span></pre></div>
<a id="trunkSourceWebCoreinspectorInspectorLayerTreeAgentcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/inspector/InspectorLayerTreeAgent.cpp (166799 => 166800)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/inspector/InspectorLayerTreeAgent.cpp        2014-04-04 19:57:47 UTC (rev 166799)
+++ trunk/Source/WebCore/inspector/InspectorLayerTreeAgent.cpp        2014-04-04 20:34:23 UTC (rev 166800)
</span><span class="lines">@@ -298,6 +298,9 @@
</span><span class="cx">     if (reasonsBitmask &amp; CompositingReasonBlendingWithCompositedDescendants)
</span><span class="cx">         compositingReasons-&gt;setBlendingWithCompositedDescendants(true);
</span><span class="cx"> 
</span><ins>+    if (reasonsBitmask &amp; CompositingReasonIsolatesCompositedBlendingDescendants)
+        compositingReasons-&gt;setIsolatesCompositedBlendingDescendants(true);
+
</ins><span class="cx">     if (reasonsBitmask &amp; CompositingReasonPerspective)
</span><span class="cx">         compositingReasons-&gt;setPerspective(true);
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkSourceWebCoreinspectorprotocolLayerTreejson"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/inspector/protocol/LayerTree.json (166799 => 166800)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/inspector/protocol/LayerTree.json        2014-04-04 19:57:47 UTC (rev 166799)
+++ trunk/Source/WebCore/inspector/protocol/LayerTree.json        2014-04-04 20:34:23 UTC (rev 166800)
</span><span class="lines">@@ -67,6 +67,7 @@
</span><span class="cx">                 { &quot;name&quot;: &quot;reflectionWithCompositedDescendants&quot;, &quot;type&quot;: &quot;boolean&quot;, &quot;optional&quot;: true, &quot;description&quot;: &quot;Composition due to association with an element with a reflection and composited descendants.&quot; },
</span><span class="cx">                 { &quot;name&quot;: &quot;filterWithCompositedDescendants&quot;, &quot;type&quot;: &quot;boolean&quot;, &quot;optional&quot;: true, &quot;description&quot;: &quot;Composition due to association with an element with CSS filters applied and composited descendants.&quot; },
</span><span class="cx">                 { &quot;name&quot;: &quot;blendingWithCompositedDescendants&quot;, &quot;type&quot;: &quot;boolean&quot;, &quot;optional&quot;: true, &quot;description&quot;: &quot;Composition due to association with an element with CSS blending applied and composited descendants.&quot; },
</span><ins>+                { &quot;name&quot;: &quot;isolatesCompositedBlendingDescendants&quot;, &quot;type&quot;: &quot;boolean&quot;, &quot;optional&quot;: true, &quot;description&quot;: &quot;Composition due to association with an element isolating compositing descendants having CSS blending applied.&quot; },
</ins><span class="cx">                 { &quot;name&quot;: &quot;perspective&quot;, &quot;type&quot;: &quot;boolean&quot;, &quot;optional&quot;: true, &quot;description&quot;: &quot;Composition due to association with an element with perspective applied.&quot; },
</span><span class="cx">                 { &quot;name&quot;: &quot;preserve3D&quot;, &quot;type&quot;: &quot;boolean&quot;, &quot;optional&quot;: true, &quot;description&quot;: &quot;Composition due to association with an element with a \&quot;transform-style: preserve-3d\&quot; style.&quot; },
</span><span class="cx">                 { &quot;name&quot;: &quot;root&quot;, &quot;type&quot;: &quot;boolean&quot;, &quot;optional&quot;: true, &quot;description&quot;: &quot;Composition due to association with the root element.&quot; },
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingRenderLayerCompositorcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/RenderLayerCompositor.cpp (166799 => 166800)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/RenderLayerCompositor.cpp        2014-04-04 19:57:47 UTC (rev 166799)
+++ trunk/Source/WebCore/rendering/RenderLayerCompositor.cpp        2014-04-04 20:34:23 UTC (rev 166800)
</span><span class="lines">@@ -2127,6 +2127,9 @@
</span><span class="cx"> 
</span><span class="cx"> #if ENABLE(CSS_COMPOSITING)
</span><span class="cx">         if (layer.isolatesCompositedBlending())
</span><ins>+            reasons |= CompositingReasonIsolatesCompositedBlendingDescendants;
+
+        if (layer.hasBlendMode())
</ins><span class="cx">             reasons |= CompositingReasonBlendingWithCompositedDescendants;
</span><span class="cx"> #endif
</span><span class="cx"> 
</span><span class="lines">@@ -2202,10 +2205,15 @@
</span><span class="cx"> 
</span><span class="cx">     if (reasons &amp; CompositingReasonFilterWithCompositedDescendants)
</span><span class="cx">         return &quot;filter with composited descendants&quot;;
</span><del>-            
</del><ins>+
+#if ENABLE(CSS_COMPOSITING)
</ins><span class="cx">     if (reasons &amp; CompositingReasonBlendingWithCompositedDescendants)
</span><span class="cx">         return &quot;blending with composited descendants&quot;;
</span><span class="cx"> 
</span><ins>+    if (reasons &amp; CompositingReasonIsolatesCompositedBlendingDescendants)
+        return &quot;isolates composited blending descendants&quot;;
+#endif
+
</ins><span class="cx">     if (reasons &amp; CompositingReasonPerspective)
</span><span class="cx">         return &quot;perspective&quot;;
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingRenderLayerCompositorh"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/RenderLayerCompositor.h (166799 => 166800)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/RenderLayerCompositor.h        2014-04-04 19:57:47 UTC (rev 166799)
+++ trunk/Source/WebCore/rendering/RenderLayerCompositor.h        2014-04-04 20:34:23 UTC (rev 166800)
</span><span class="lines">@@ -80,7 +80,8 @@
</span><span class="cx">     CompositingReasonBlendingWithCompositedDescendants      = 1 &lt;&lt; 20,
</span><span class="cx">     CompositingReasonPerspective                            = 1 &lt;&lt; 21,
</span><span class="cx">     CompositingReasonPreserve3D                             = 1 &lt;&lt; 22,
</span><del>-    CompositingReasonRoot                                   = 1 &lt;&lt; 23
</del><ins>+    CompositingReasonRoot                                   = 1 &lt;&lt; 23,
+    CompositingReasonIsolatesCompositedBlendingDescendants  = 1 &lt;&lt; 24,
</ins><span class="cx"> };
</span><span class="cx"> typedef unsigned CompositingReasons;
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/ChangeLog (166799 => 166800)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/ChangeLog        2014-04-04 19:57:47 UTC (rev 166799)
+++ trunk/Source/WebInspectorUI/ChangeLog        2014-04-04 20:34:23 UTC (rev 166800)
</span><span class="lines">@@ -1,3 +1,14 @@
</span><ins>+2014-04-04  Ion Rosca  &lt;rosca@adobe.com&gt;
+
+        [CSS Blending] Add compositing reason for isolation.
+        https://bugs.webkit.org/show_bug.cgi?id=131153
+
+        Reviewed by Joseph Pecoraro.
+
+        * Localizations/en.lproj/localizedStrings.js:
+        * UserInterface/Views/LayerTreeSidebarPanel.js:
+        (WebInspector.LayerTreeSidebarPanel.prototype._populateListOfCompositingReasons):
+
</ins><span class="cx"> 2014-04-02  Timothy Hatcher  &lt;timothy@apple.com&gt;
</span><span class="cx"> 
</span><span class="cx">         Remove Input domain from the Web Inspector protocol.
</span></span></pre></div>
<a id="trunkSourceWebInspectorUILocalizationsenlprojlocalizedStringsjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/Localizations/en.lproj/localizedStrings.js (166799 => 166800)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/Localizations/en.lproj/localizedStrings.js        2014-04-04 19:57:47 UTC (rev 166799)
+++ trunk/Source/WebInspectorUI/Localizations/en.lproj/localizedStrings.js        2014-04-04 20:34:23 UTC (rev 166800)
</span><span class="lines">@@ -150,6 +150,7 @@
</span><span class="cx"> localizedStrings[&quot;Element clips compositing descendants&quot;] = &quot;Element clips compositing descendants&quot;;
</span><span class="cx"> localizedStrings[&quot;Element establishes a stacking context&quot;] = &quot;Element establishes a stacking context&quot;;
</span><span class="cx"> localizedStrings[&quot;Element has CSS blending applied and composited descendants&quot;] = &quot;Element has CSS blending applied and composited descendants&quot;;
</span><ins>+localizedStrings[&quot;Element is a stacking context and has composited descendants with CSS blending applied&quot;] = &quot;Element is a stacking context and has composited descendants with CSS blending applied&quot;;
</ins><span class="cx"> localizedStrings[&quot;Element has CSS filters applied&quot;] = &quot;Element has CSS filters applied&quot;;
</span><span class="cx"> localizedStrings[&quot;Element has CSS filters applied and composited descendants&quot;] = &quot;Element has CSS filters applied and composited descendants&quot;;
</span><span class="cx"> localizedStrings[&quot;Element has a 2D transform and composited descendants&quot;] = &quot;Element has a 2D transform and composited descendants&quot;;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsLayerTreeSidebarPaneljs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/LayerTreeSidebarPanel.js (166799 => 166800)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/LayerTreeSidebarPanel.js        2014-04-04 19:57:47 UTC (rev 166799)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/LayerTreeSidebarPanel.js        2014-04-04 20:34:23 UTC (rev 166800)
</span><span class="lines">@@ -432,6 +432,8 @@
</span><span class="cx">             addReason(WebInspector.UIString(&quot;Element has CSS filters applied and composited descendants&quot;));
</span><span class="cx">         if (compositingReasons.blendingWithCompositedDescendants)
</span><span class="cx">             addReason(WebInspector.UIString(&quot;Element has CSS blending applied and composited descendants&quot;));
</span><ins>+        if (compositingReasons.isolatesCompositedBlendingDescendants)
+            addReason(WebInspector.UIString(&quot;Element is a stacking context and has composited descendants with CSS blending applied&quot;));
</ins><span class="cx">         if (compositingReasons.perspective)
</span><span class="cx">             addReason(WebInspector.UIString(&quot;Element has perspective applied&quot;));
</span><span class="cx">         if (compositingReasons.preserve3D)
</span></span></pre>
</div>
</div>

</body>
</html>