Attachment 358443 Details for Bug 193172 – Patch

[patch] Patch

bug-193172-20190105153447.patch (text/plain), 8.56 KB, created by zalan on 2019-01-05 15:34:54 PST

(hide)

Description:

Filename:

MIME Type:

Creator: zalan

Created: 2019-01-05 15:34:54 PST

Size: 8.56 KB

patch

obsolete

>Subversion Revision: 239609
>diff --git a/Source/WebCore/ChangeLog b/Source/WebCore/ChangeLog
>index 92d1200dc33e2f6bd4f8b6d3cd2c1f6ba10c9e43..af784032bff2d76653539745e1e23464aa85c1c0 100644
>--- a/Source/WebCore/ChangeLog
>+++ b/Source/WebCore/ChangeLog
>@@ -1,3 +1,24 @@
>+2019-01-05  Zalan Bujtas  <zalan@apple.com>
>+
>+        Incorrect clipping across compositing boundary.
>+        https://bugs.webkit.org/show_bug.cgi?id=193172
>+        <rdar://problem/44693008>
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        Use temporary cliprect type when crossing compositing boundary to prevent cliprect caching.
>+
>+        The issue here is that RenderLayer::backgroundClipRect() could cross compositing boundary by calling parentClipRects() which triggers
>+        clip rect update using the wrong painting root. This happens when the layer hierarchy and the compositing contex do not match.
>+        For clip rect computation, we need to climb up on the layer hierarchy (calling parent layer's cliprect functions)
>+        but we also need to make sure that the computed cliprects on any given layer are cached only when the painting root is correct.
>+        It ensures that when we paint a layer (with the painting root as entry point), the cached cliprects are always based on its onw painting root. 
>+
>+        Test: compositing/clipping/cached-cliprect-with-compositing-boundary.html
>+
>+        * rendering/RenderLayer.cpp:
>+        (WebCore::RenderLayer::calculateClipRects const):
>+
> 2019-01-04  Zalan Bujtas  <zalan@apple.com>
> 
>         [LFC] ComputedHorizontalMargin should have optional members
>diff --git a/Source/WebCore/rendering/RenderLayer.cpp b/Source/WebCore/rendering/RenderLayer.cpp
>index 0e2e0f16b4490034f3b9af7b4c3dbfd51034bc01..7bf4155fcf01029ed89dd58540dd1512b41e6567 100644
>--- a/Source/WebCore/rendering/RenderLayer.cpp
>+++ b/Source/WebCore/rendering/RenderLayer.cpp
>@@ -5478,16 +5478,18 @@ static inline ClipRect backgroundClipRectForPosition(const ClipRects& parentRect
> ClipRect RenderLayer::backgroundClipRect(const ClipRectsContext& clipRectsContext) const
> {
>     ASSERT(parent());
>-    auto computeParentRects = [this, &clipRectsContext] () {
>-        // If we cross into a different pagination context, then we can't rely on the cache.
>-        // Just switch over to using TemporaryClipRects.
>-        if (clipRectsContext.clipRectsType != TemporaryClipRects
>-            && parent()->enclosingPaginationLayer(IncludeCompositedPaginatedLayers) != enclosingPaginationLayer(IncludeCompositedPaginatedLayers)) {
>-            ClipRectsContext tempContext(clipRectsContext);
>-            tempContext.clipRectsType = TemporaryClipRects;
>-            return parentClipRects(tempContext);
>-        }
>-        return parentClipRects(clipRectsContext);
>+    auto computeParentRects = [&] {
>+        if (clipRectsContext.clipRectsType == TemporaryClipRects)
>+            return parentClipRects(clipRectsContext);
>+        // If we cross into a different composition/pagination context, then we can't rely on the cache since the root layer differs.
>+        auto paginationBoundary = parent()->enclosingPaginationLayer(IncludeCompositedPaginatedLayers) != enclosingPaginationLayer(IncludeCompositedPaginatedLayers);
>+        auto compositionBoundaryForRepaint = parent()->enclosingCompositingLayerForRepaint() != enclosingCompositingLayerForRepaint();
>+        if (!paginationBoundary && !compositionBoundaryForRepaint)
>+            return parentClipRects(clipRectsContext);
>+
>+        ClipRectsContext tempContext(clipRectsContext);
>+        tempContext.clipRectsType = TemporaryClipRects;
>+        return parentClipRects(tempContext);
>     };
>     
>     auto parentRects = computeParentRects();
>diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
>index 2d50423752ca5496106d3d427b712dd8f8c10aa0..bdaa66bab5898811e8d9054ba3e70c7bbfc6d730 100644
>--- a/LayoutTests/ChangeLog
>+++ b/LayoutTests/ChangeLog
>@@ -1,3 +1,14 @@
>+2019-01-05  Zalan Bujtas  <zalan@apple.com>
>+
>+        Incorrect clipping across compositing boundary.
>+        https://bugs.webkit.org/show_bug.cgi?id=193172
>+        <rdar://problem/44693008>
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        * compositing/clipping/cached-cliprect-with-compositing-boundary-expected.html: Added.
>+        * compositing/clipping/cached-cliprect-with-compositing-boundary.html: Added.
>+
> 2019-01-04  Frederic Wang  <fwang@igalia.com>
> 
>         Flaky Test: http/wpt/css/css-animations/start-animation-001.html
>diff --git a/LayoutTests/compositing/clipping/cached-cliprect-with-compositing-boundary-expected.html b/LayoutTests/compositing/clipping/cached-cliprect-with-compositing-boundary-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..5bdb0d21a16f6f6c0f04b51a96c01019d1f58bec
>--- /dev/null
>+++ b/LayoutTests/compositing/clipping/cached-cliprect-with-compositing-boundary-expected.html
>@@ -0,0 +1,56 @@
>+<iframe style="width: 400px; height: 400px" src="data:text/html,
>+<style>
>+.overlap {
>+	position: absolute;
>+	top: 10px;
>+	left: 10px;
>+    width: 100px;
>+    height: 100px;
>+	background-color: silver;
>+}
>+
>+.outer {
>+	border: 5px solid green;
>+	position: relative;
>+	top: 50px;
>+    left: 50px;
>+	height: 250px;
>+	width: 250px;
>+}
>+
>+.middle {
>+    overflow-y: scroll;
>+    border: 5px solid orange;
>+}
>+
>+.overflow-scroll {
>+    height: 100%;
>+    overflow-y: scroll;
>+}
>+
>+.item {
>+    height: 200px;
>+    border: 5px solid blue;
>+    background-color: yellow;
>+}
>+
>+.layery {
>+	position: relative;
>+    padding: 10px;
>+}
>+</style>
>+
>+<div class=overlap></div>
>+<div class=outer>
>+  <div class=middle>
>+	<div class=overflow-scroll>
>+		<div class=item>Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		<div class=layery>Thing with RenderLayer</div>
>+    </div>
>+</div>
>+"></iframe>
>diff --git a/LayoutTests/compositing/clipping/cached-cliprect-with-compositing-boundary.html b/LayoutTests/compositing/clipping/cached-cliprect-with-compositing-boundary.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..41af6f0932351425b6e560f3d547ad6bf7874a42
>--- /dev/null
>+++ b/LayoutTests/compositing/clipping/cached-cliprect-with-compositing-boundary.html
>@@ -0,0 +1,56 @@
>+<iframe style="width: 400px; height: 400px" src="data:text/html,
>+<style>
>+.overlap {
>+	position: fixed;
>+	top: 10px;
>+	left: 10px;
>+    width: 100px;
>+    height: 100px;
>+	background-color: silver;
>+}
>+
>+.outer {
>+	border: 5px solid green;
>+	position: relative;
>+	top: 50px;
>+    left: 50px;
>+	height: 250px;
>+	width: 250px;
>+}
>+
>+.middle {
>+    overflow-y: scroll;
>+    border: 5px solid orange;
>+}
>+
>+.overflow-scroll {
>+    height: 100%;
>+    overflow-y: scroll;
>+}
>+
>+.item {
>+    height: 200px;
>+    border: 5px solid blue;
>+    background-color: yellow;
>+}
>+
>+.layery {
>+	position: relative;
>+    padding: 10px;
>+}
>+</style>
>+
>+<div class=overlap></div>
>+<div class=outer>
>+  <div class=middle>
>+	<div class=overflow-scroll>
>+		<div class=item>Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible. Pass if this text is visible.
>+		<div class=layery>Thing with RenderLayer</div>
>+    </div>
>+</div>
>+"></iframe>

Actions: View | Formatted Diff | Diff

Attachments on bug 193172: 358443 | 358444 | 358448 | 358449