LayoutTests/compositing/overflow/selection-gaps-toggling.html - Issue 303253004: Allow proper highlighting on universal overflow scroll.

Unified Diff: LayoutTests/compositing/overflow/selection-gaps-toggling.html

Issue 303253004: Allow proper highlighting on universal overflow scroll. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: fixme Created 6 years, 6 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

« no previous file with comments | « LayoutTests/compositing/overflow/selection-gaps-expected.html ('k') | LayoutTests/compositing/overflow/selection-gaps-toggling-with-scrolling-contents.html » ('j') | Source/core/rendering/RenderLayer.cpp » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/compositing/overflow/selection-gaps-toggling.html

diff --git a/LayoutTests/compositing/overflow/selection-gaps-toggling.html b/LayoutTests/compositing/overflow/selection-gaps-toggling.html

new file mode 100644

index 0000000000000000000000000000000000000000..8641f5cb476b64c1e05fed451ae2f7a322c2c064

--- /dev/null

+++ b/LayoutTests/compositing/overflow/selection-gaps-toggling.html

@@ -0,0 +1,75 @@

+<!DOCTYPE html>

+<style>

+ .container {

+ height: 500px;

+ width: 300px;

+ overflow: scroll;

+ }

+ .scrolled {

+ height: 50px;

+ width: 100px;

+ background: orange;

+ margin: 15px;

+ transform: translateZ(0);

+ }

+</style>

+<script>

+ if (window.testRunner)

+ testRunner.dumpAsText();

+ if (window.internals)

+ window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(true);

+ onload = function()

+ {

+ var pre = document.getElementById("console");

+ pre.innerHTML = '';

+ if (window.internals) {

+ var layerTreeAsText = internals.layerTreeAsText(document);

+ pre.innerHTML += '\n\n*** iteration 1: ***\n\n';

+ pre.innerHTML += layerTreeAsText;

+ }

+ var selection = getSelection();

+ var range = document.createRange();

+ range.selectNode(document.getElementById("selection"));

+ selection.addRange(range);

+ if (window.internals) {

+ var layerTreeAsText = internals.layerTreeAsText(document);

+ pre.innerHTML += '\n\n*** iteration 2: ***\n\n';

+ pre.innerHTML += layerTreeAsText;

+ }

+ selection.removeAllRanges();

+ if (window.internals) {

+ var layerTreeAsText = internals.layerTreeAsText(document);

+ pre.innerHTML += '\n\n*** iteration 3: ***\n\n';

+ pre.innerHTML += layerTreeAsText;

+ }

+</script>

+This test passes if the container's scrolling contents layer (the first child of the GraphicsLayer with 4 children)

+doesn't draw content at all, and its scrolling block selection layer (the child of the scrolling contents layer)

+draws content only on iteration 2. The scrolling block selection layer should also be much smaller than the

+scrolling contents layer.

+<div class="container">

+ <div class="scrolled">Lorem Ipsum</div>

+ <div class="scrolled" id="selection">Lorem Ipsum</div>

+ <div class="scrolled">Lorem Ipsum</div>

+</div>

+<pre id="console"></pre>