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

Side by Side Diff: LayoutTests/compositing/overflow/selection-gaps.html

Issue 303253004: Allow proper highlighting on universal overflow scroll. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: 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 unified diff | Download patch | Annotate | Revision Log
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
Ian Vollick 2014/05/31 01:17:36 You can skip the html, head and body.
hartmanng 2014/06/02 20:23:58 Done.
3 <head>
4 <style>
5 .container {
6 height: 500px;
7 width: 300px;
8 overflow: scroll;
9 }
10
11 .scrolled {
12 height: 50px;
13 width: 100px;
14 background: orange;
15 margin: 15px;
16 transform: translateZ(0);
17 }
18 </style>
19 <script>
20 if (window.internals)
21 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled( true);
22
23 function doTest()
Ian Vollick 2014/05/31 01:17:36 nit: I find this a little cuter. onload = functio
hartmanng 2014/06/02 20:23:58 Done.
24 {
25 var selection = getSelection();
26
27 var range = document.createRange();
28 range.selectNode(document.getElementById("selection"));
29 selection.addRange(range);
30 }
31
32 window.onload = doTest;
33 </script>
34 </head>
35 <body>
36
37 This test passes if the highlighted area includes the gaps between scrolled chil dren.
38
39 <div class="container">
40 <div class="scrolled">Lorem Ipsum</div>
41 <div class="scrolled">Lorem Ipsum</div>
42 <div class="scrolled" id="selection">Lorem Ipsum</div>
43 <div class="scrolled">Lorem Ipsum</div>
44 <div class="scrolled">Lorem Ipsum</div>
45 <div class="scrolled">Lorem Ipsum</div>
46 <div class="scrolled">Lorem Ipsum</div>
47 <div class="scrolled">Lorem Ipsum</div>
48 <div class="scrolled">Lorem Ipsum</div>
49 <div class="scrolled">Lorem Ipsum</div>
50 </div>
51
52 </body>
53 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698