Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(90)

Unified Diff: third_party/WebKit/LayoutTests/compositing/root-scroller/resources/clipping-ancestor-is-composited-sibling-iframe.html

Issue 2289833002: Disable clipping on root scroller's ancestors. (Closed)
Patch Set: Also setNeedsCompositingUpdate from TopDocumentRootScrollerController Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/compositing/root-scroller/resources/clipping-ancestor-is-composited-sibling-iframe.html
diff --git a/third_party/WebKit/LayoutTests/compositing/root-scroller/resources/clipping-ancestor-is-composited-sibling-iframe.html b/third_party/WebKit/LayoutTests/compositing/root-scroller/resources/clipping-ancestor-is-composited-sibling-iframe.html
new file mode 100644
index 0000000000000000000000000000000000000000..1e859e6f8504beaa843370cf49397b7a2b10ef6a
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/compositing/root-scroller/resources/clipping-ancestor-is-composited-sibling-iframe.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<style>
+ ::-webkit-scrollbar {
+ width: 0px;
+ height: 0px;
+ }
+
+ body, html {
+ width: 100%;
+ height: 100%;
+ background-color: red;
+ }
+
+ body {
+ margin: 0px;
+ }
+
+ .clipBox {
+ position: absolute;
+ overflow: hidden;
+ left: 100px;
+ right: 100px;
+ top: 100px;
+ bottom: 100px;
+ }
+
+ #container {
+ position: absolute;
+ left: -100px;
+ top: -100px;
+ right: -100px;
+ bottom: -100px;
+ background-color: yellow;
+ overflow: auto;
+ transform: translateZ(0);
+ }
+
+ .spacer {
+ width: 100px;
+ height: 2000px;
+ }
+</style>
+
+<script>
+ window.addEventListener('load', function() {
+ document.rootScroller = document.getElementById('container');
+ });
+</script>
+
+<div class="clipBox">
+ <div id="container">
+ <div class="spacer"></div>
+ </div>
+</div>

Powered by Google App Engine
This is Rietveld 408576698