Fix the bug that negative outline-offset is covered up by composited

third_party/WebKit/LayoutTests/compositing/overflow/overflow-scroll-with-negative-offset-translucent-outline-expected.html

+<script>
+onload = function() {
+    document.getElementById('scroller').scrollTop = 200;
+}
+</script>
+<style>
+#scroller {
+    background: gray local content-box;
+    overflow: scroll;
+    padding: 10px;
+    width: 200px;
+    height: 200px;
+    box-sizing: border-box;
+}
+
+#scroller-outline {
+    will-change: transform;
+    outline: 5px solid rgba(0, 255, 0, 0.5);
+    outline-offset: -4px;
+    position: absolute;
+    width: 200px;
+    height: 200px;
+}
+
+.spacer {
+    height: 300px;
+}
+</style>
+<!-- #scroller should not be covered up by a negative offset outline. It is
+    achieved by painting the outline into the decoration layer which draws
+    on top of all other layers. -->
+<div id="scroller-outline"></div>
+<div id="scroller">
+    <div class="spacer"></div>
+</div>
+