Index: LayoutTests/compositing/overflow/selection-gaps-expected.html |
diff --git a/LayoutTests/compositing/overflow/selection-gaps-expected.html b/LayoutTests/compositing/overflow/selection-gaps-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9242d499ee0b98ee89c7c472e38a402890ac7e8d |
--- /dev/null |
+++ b/LayoutTests/compositing/overflow/selection-gaps-expected.html |
@@ -0,0 +1,45 @@ |
+<!DOCTYPE html> |
+<style> |
+ .container { |
+ height: 500px; |
+ width: 300px; |
+ overflow: scroll; |
+ background-color: white; |
+ } |
+ |
+ .scrolled { |
+ height: 50px; |
+ width: 100px; |
+ background: orange; |
+ margin: 15px; |
+ transform: translateZ(0); |
+ } |
+</style> |
+<script> |
+ if (window.internals) |
+ window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(true); |
+ |
+ onload = function() |
+ { |
+ var selection = getSelection(); |
+ |
+ var range = document.createRange(); |
+ range.selectNode(document.getElementById("selection")); |
+ selection.addRange(range); |
+ } |
+</script> |
+ |
+This test passes if the highlighted area includes the gaps between scrolled children. |
+ |
+<div class="container"> |
+ <div class="scrolled">Lorem Ipsum</div> |
+ <div class="scrolled">Lorem Ipsum</div> |
+ <div class="scrolled" id="selection">Lorem Ipsum</div> |
+ <div class="scrolled">Lorem Ipsum</div> |
+ <div class="scrolled">Lorem Ipsum</div> |
+ <div class="scrolled">Lorem Ipsum</div> |
+ <div class="scrolled">Lorem Ipsum</div> |
+ <div class="scrolled">Lorem Ipsum</div> |
+ <div class="scrolled">Lorem Ipsum</div> |
+ <div class="scrolled">Lorem Ipsum</div> |
+</div> |