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

Unified Diff: LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-iframes-in-scrollable-page.html

Issue 13828004: Avoid compositing fixed-position elements if they cannot scroll (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebased and addressed feedback Created 7 years, 8 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: LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-iframes-in-scrollable-page.html
diff --git a/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-iframes-in-scrollable-page.html b/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-iframes-in-scrollable-page.html
new file mode 100644
index 0000000000000000000000000000000000000000..1ecaacf9ccad560acca04bc58b251bf36e064936
--- /dev/null
+++ b/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-iframes-in-scrollable-page.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style>
+ .composited {
+ -webkit-transform: translatez(0);
+ }
+
+ .box {
+ position: absolute;
+ top: 360px;
+ left: 50px;
+ background-color: cyan;
+ width: 300px;
+ height: 100px;
+ }
+
+ #iframe1 {
+ position: absolute;
+ top: 30px;
+ left: 10px;
+ width: 150px;
+ height: 150px;
+ }
+
+ #iframe2 {
+ position: absolute;
+ top: 200px;
+ left: 10px;
+ width: 150px;
+ height: 150px;
+ }
+
+ #iframe3 {
+ position: absolute;
+ top: 380px;
+ left: 10px;
+ width: 150px;
+ height: 150px;
+ }
+
+ </style>
+
+ <script type="text/javascript">
+ if (window.internals) {
+ window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);
+ window.internals.settings.setForceCompositingMode(true);
+ }
+
+ if (window.testRunner) {
+ testRunner.dumpAsText();
+
+ window.addEventListener("load", function() {
+ document.getElementById("layertree").innerText = window.internals.layerTreeAsText(document);
+ }, false);
+ }
+ </script>
+
+</head>
+<body style="height: 4000px;">
+ <div>In all iframes, the green fixed-position element should not be composited.
+ <pre id="layertree"></pre>
+ </div>
+ <div class="composited box"> Composited box underneath iframe. </div>
+ <iframe id="iframe1" src="resources/fixed-position-nonscrollable-body.html"></iframe>
+ <iframe id="iframe2" class="composited" src="resources/fixed-position-nonscrollable-body.html"></iframe>
+ <iframe id="iframe3" src="resources/fixed-position-nonscrollable-body.html"></iframe>
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698