Attachment 359667 Details for Bug 193642 – Patch

[patch] Patch

bug-193642-20190120202103.patch (text/plain), 6.32 KB, created by Simon Fraser (smfr) on 2019-01-20 20:21:04 PST

(hide)

Description:

Filename:

MIME Type:

Creator: Simon Fraser (smfr)

Created: 2019-01-20 20:21:04 PST

Size: 6.32 KB

patch

obsolete

>Subversion Revision: 240220
>diff --git a/Source/WebCore/ChangeLog b/Source/WebCore/ChangeLog
>index 1a5f36d7d859d8bafac9becd636cd7241180ce15..27eed83897a6a6b80e7f8e9f8e262d4a3af82e86 100644
>--- a/Source/WebCore/ChangeLog
>+++ b/Source/WebCore/ChangeLog
>@@ -1,3 +1,18 @@
>+2019-01-20  Simon Fraser  <simon.fraser@apple.com>
>+
>+        Fix the position of layers nested inside of composited overflow-scroll
>+        https://bugs.webkit.org/show_bug.cgi?id=193642
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        Remove an iOS #ifdef so that layers inside composited overflow gets the correct
>+        positions on macOS too.
>+
>+        Test: compositing/geometry/fixed-inside-overflow-scroll.html
>+
>+        * rendering/RenderLayerBacking.cpp:
>+        (WebCore::RenderLayerBacking::computeParentGraphicsLayerRect const):
>+
> 2019-01-20  chris fleizach  <cfleizach@apple.com>
> 
>         AX: Support returning relative frames for accessibility
>diff --git a/Source/WebCore/rendering/RenderLayerBacking.cpp b/Source/WebCore/rendering/RenderLayerBacking.cpp
>index 31c326f9f1826f9ed54ae119fcd94877fcf02a8a..9cf8c686560cf6497eac25161cf03e5a1a2ccbf4 100644
>--- a/Source/WebCore/rendering/RenderLayerBacking.cpp
>+++ b/Source/WebCore/rendering/RenderLayerBacking.cpp
>@@ -946,7 +946,6 @@ LayoutRect RenderLayerBacking::computeParentGraphicsLayerRect(RenderLayer* compo
>         parentGraphicsLayerRect = snappedGraphicsLayer(clippingBoxOffset, clippingBox.size(), deviceScaleFactor()).m_snappedRect;
>     }
> 
>-#if PLATFORM(IOS_FAMILY)
>     if (compositedAncestor->hasCompositedScrollableOverflow()) {
>         LayoutRect ancestorCompositedBounds = ancestorBackingLayer->compositedBounds();
>         auto& renderBox = downcast<RenderBox>(compositedAncestor->renderer());
>@@ -954,7 +953,6 @@ LayoutRect RenderLayerBacking::computeParentGraphicsLayerRect(RenderLayer* compo
>         ScrollOffset scrollOffset = compositedAncestor->scrollOffset();
>         parentGraphicsLayerRect = LayoutRect((paddingBoxIncludingScrollbar.location() - toLayoutSize(ancestorCompositedBounds.location()) - toLayoutSize(scrollOffset)), paddingBoxIncludingScrollbar.size());
>     }
>-#endif
> 
>     if (m_ancestorClippingLayer) {
>         // Call calculateRects to get the backgroundRect which is what is used to clip the contents of this
>diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
>index 91111fba309939a34f1058328c6f7d124a6f35c3..8e3a317479860fb3968a3f99184f0669d16fd885 100644
>--- a/LayoutTests/ChangeLog
>+++ b/LayoutTests/ChangeLog
>@@ -1,3 +1,13 @@
>+2019-01-20  Simon Fraser  <simon.fraser@apple.com>
>+
>+        Fix the position of layers nested inside of composited overflow-scroll
>+        https://bugs.webkit.org/show_bug.cgi?id=193642
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        * compositing/geometry/fixed-inside-overflow-scroll-expected.html: Added.
>+        * compositing/geometry/fixed-inside-overflow-scroll.html: Added.
>+
> 2019-01-20  chris fleizach  <cfleizach@apple.com>
> 
>         AX: Support returning relative frames for accessibility
>diff --git a/LayoutTests/compositing/geometry/fixed-inside-overflow-scroll-expected.html b/LayoutTests/compositing/geometry/fixed-inside-overflow-scroll-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..9d4a7fca5db6b30198c9939d7df3e5e25fa4f9d3
>--- /dev/null
>+++ b/LayoutTests/compositing/geometry/fixed-inside-overflow-scroll-expected.html
>@@ -0,0 +1,59 @@
>+<!DOCTYPE html>
>+
>+<html>
>+<head>
>+    <style>
>+        body {
>+            margin: 0;
>+        }
>+        .container {
>+            position: relative;
>+            z-index: 0;
>+            margin: 50px;
>+            width: 400px;
>+            height: 320px;
>+            overflow: scroll;
>+            border: 30px solid gray;
>+            box-shadow: 0 0 10px transparent;
>+            padding: 20px;
>+        }
>+
>+        .inner {
>+            position: relative;
>+            height: 1000px;
>+            width: 100%;
>+            background-color: silver;
>+        }
>+        
>+        .inner-fixed {
>+            position: absolute;
>+            top: 50px;
>+            left: 100px;
>+            width: 200px;
>+            height: 150px;
>+            background-color: green;
>+            box-shadow: 0 0 10px transparent;
>+            will-change: transform;
>+        }
>+        
>+        .placeholder {
>+            position: absolute;
>+            background-color: red;
>+            top: 50px;
>+            left: 100px;
>+            width: 200px;
>+            height: 150px;
>+        }
>+    </style>
>+</head>
>+<body>
>+
>+<div id="scroller" class="container">
>+    <div class="inner">
>+        &nbsp;
>+        <div class="placeholder"></div>
>+        <div class="inner-fixed"></div>
>+    </div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/compositing/geometry/fixed-inside-overflow-scroll.html b/LayoutTests/compositing/geometry/fixed-inside-overflow-scroll.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..f19ab2ce57677e0864243aff9e8b6de0317d2430
>--- /dev/null
>+++ b/LayoutTests/compositing/geometry/fixed-inside-overflow-scroll.html
>@@ -0,0 +1,59 @@
>+<!DOCTYPE html>
>+
>+<html>
>+<head>
>+    <style>
>+        body {
>+            margin: 0;
>+        }
>+        .container {
>+            position: relative;
>+            z-index: 0;
>+            margin: 50px;
>+            width: 400px;
>+            height: 320px;
>+            overflow: scroll;
>+            border: 30px solid gray;
>+            box-shadow: 0 0 10px transparent;
>+            padding: 20px;
>+        }
>+
>+        .inner {
>+            height: 1000px;
>+            width: 100%;
>+            background-color: silver;
>+        }
>+        
>+        .inner-fixed {
>+            position: fixed;
>+            top: 150px;
>+            left: 200px;
>+            width: 200px;
>+            height: 150px;
>+            background-color: green;
>+            box-shadow: 0 0 10px transparent;
>+        }
>+        
>+        .placeholder {
>+            background-color: red;
>+            width: 200px;
>+            height: 150px;
>+            margin: 32px 100px;
>+        }
>+    </style>
>+    <script>
>+        if (window.internals)
>+            window.internals.settings.setAsyncOverflowScrollingEnabled(true);
>+    </script>
>+</head>
>+<body>
>+
>+<div id="scroller" class="container">
>+    <div class="inner">
>+        &nbsp;
>+        <div class="placeholder"></div>
>+        <div class="inner-fixed"></div>
>+    </div>
>+</div>
>+</body>
>+</html>

Actions: View | Formatted Diff | Diff

Attachments on bug 193642: 359667 | 359670 | 359692 | 359695 | 359737