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

Side by Side Diff: LayoutTests/fast/regions/selection/selecting-text-ignoring-region-horiz-bt-expected.html

Issue 34863002: [CSS Regions] Layout Test for selecting text ignoring region content (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 7 years, 2 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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <script src="../resources/helper.js"></script> 4 <script src="../resources/helper.js"></script>
5 <link rel="stylesheet" href="../resources/region-style.css"></link> 5 <link rel="stylesheet" href="../resources/region-style.css"></link>
6 <style> 6 <style>
7 html { 7 html {
8 -webkit-writing-mode: horizontal-bt; 8 -webkit-writing-mode: horizontal-bt;
9 } 9 }
10 10
11 #region-1 { 11 body {
12 margin-bottom: 0;
13 }
14
15 #outside-1 {
12 position: absolute; 16 position: absolute;
13 bottom: 0px; 17 bottom: 0px;
14 } 18 }
15 19
16 #region-2 { 20 #outside-2 {
17 position: absolute; 21 position: absolute;
18 bottom: 200px; 22 bottom: 200px;
19 } 23 }
20 24
21 #outside { 25 #region {
22 position: absolute; 26 position: absolute;
23 bottom: 100px; 27 bottom: 100px;
24 } 28 }
25 29
26 #description { 30 #description {
27 position: absolute; 31 position: absolute;
28 bottom: 300px; 32 bottom: 300px;
29 } 33 }
30 </style> 34 </style>
31 <script> 35 <script>
32 onMouseUpLogSelection("selected-content"); 36 onMouseUpLogSelection("selected-content");
33 </script> 37 </script>
34 </head> 38 </head>
35 <body onload="selectContentByIds('word1', 'word2');" style="margin-bottom: 0;"> 39 <body onload="selectContentByIds('word1', 'word2');">
36 <div id="region-1" class="greyBigBox"> 40 <div id="region" class="greyBigBox">
37 inside region inside region inside region inside region 41 inside region inside region inside region inside region
38 <span id="word1" class="token">word1</span>
39 inside region inside region inside region inside region 42 inside region inside region inside region inside region
40 </div> 43 </div>
41 <div id="region-2" class="greyBigBox"> 44 <div id="outside-1" class="bigBox">
42 inside region inside region inside region inside region 45 outside region outside region outside region outside region
46 <span id="word1" class="token">word1</span>
47 outside region outside region outside region outside region
48 </div>
49 <div id="outside-2" class="bigBox">
50 outside region outside region outside region outside region
43 <span id="word2" class="token">word2</span> 51 <span id="word2" class="token">word2</span>
44 inside region inside region inside region inside region
45 </div>
46 <div id="outside" class="bigBox">
47 outside region outside region outside region outside region
48 outside region outside region outside region outside region 52 outside region outside region outside region outside region
49 </div> 53 </div>
50 <div id="description" class="description"> 54 <div id="description" class="description">
51 <h1><a href="https://bugs.webkit.org/show_bug.cgi?id=121841">Bug #121841 - [CSS Regions] Layout Test for selecting text in 2 regions</a></h1> 55 <h1><a href="https://bugs.webkit.org/show_bug.cgi?id=122353">Bug #122353 - [CSS Regions] Layout Test for selecting text ignoring region content</a></h1>
52 <p>This test checks the selection in 2 regions. If you select from <span class="token">word1</span> to <span class="token">word2</span> you will see tha t "outside region" text is not highlighted and not included in the selected cont ent.</p> 56 <p>This test checks the selection in 2 text wrapping a region. If you se lect from <span class="token">word1</span> to <span class="token">word2</span> y ou will see that "inside region" text is not highlighted and not included in the selected content (because of the content of the region is before the "outside r egion" element in the DOM).</p>
53 <dl> 57 <dl>
54 <dt>Selected content:</dt> 58 <dt>Selected content:</dt>
55 <dd id="selected-content"></dd> 59 <dd id="selected-content"></dd>
56 </dl> 60 </dl>
57 </div> 61 </div>
58 </body> 62 </body>
59 </html> 63 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698