OLD | NEW |
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 <script> | 6 <script> |
7 onMouseUpLogSelection("selected-content"); | 7 onMouseUpLogSelection("selected-content"); |
8 </script> | 8 </script> |
9 </head> | 9 </head> |
10 <body onload="selectContentByIds('word1', 'word2');" style="margin-top: 0;"> | 10 <body onload="selectContentByIds('word1', 'word2');" style="margin-top: 0;"> |
11 <div class="flowArticle"> | 11 <div class="flowArticle"> |
12 inside region inside region inside region inside region | 12 inside region inside region inside region inside region |
13 <span id="word1" class="token">word1</span> | |
14 inside region inside region inside region inside region | |
15 <span class="break"></span> | |
16 inside region inside region inside region inside region | |
17 <span id="word2" class="token">word2</span> | |
18 inside region inside region inside region inside region | 13 inside region inside region inside region inside region |
19 </div> | 14 </div> |
20 <div class="regionArticle greyBigBox"></div> | 15 <div class="bigBox float"> |
21 <div class="bigBox"> | |
22 outside region outside region outside region outside region | 16 outside region outside region outside region outside region |
| 17 <span id="word1" class="token">word1</span> |
23 outside region outside region outside region outside region | 18 outside region outside region outside region outside region |
24 </div> | 19 </div> |
| 20 <div class="clear"></div> |
25 <div class="regionArticle greyBigBox"></div> | 21 <div class="regionArticle greyBigBox"></div> |
| 22 <div class="bigBox float"> |
| 23 outside region outside region outside region outside region |
| 24 <span id="word2" class="token">word2</span> |
| 25 outside region outside region outside region outside region |
| 26 </div> |
| 27 <div class="clear"></div> |
26 <div class="description"> | 28 <div class="description"> |
27 <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> | 29 <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> |
28 <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> | 30 <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> |
29 <dl> | 31 <dl> |
30 <dt>Selected content:</dt> | 32 <dt>Selected content:</dt> |
31 <dd id="selected-content"></dd> | 33 <dd id="selected-content"></dd> |
32 </dl> | 34 </dl> |
33 </div> | 35 </div> |
34 </body> | 36 </body> |
35 </html> | 37 </html> |
OLD | NEW |