LayoutTests/fast/regions/selection/selecting-text-ignoring-region-horiz-bt.html - Issue 34863002: [CSS Regions] Layout Test for selecting text ignoring region content

Side by Side Diff: LayoutTests/fast/regions/selection/selecting-text-ignoring-region-horiz-bt.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

« no previous file with comments | « LayoutTests/fast/regions/selection/selecting-text-ignoring-region-expected.html ('k') | LayoutTests/fast/regions/selection/selecting-text-ignoring-region-horiz-bt-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>

2 <html>	1 <html>

3 <head>	2 <head>

4 <script src="../resources/helper.js"></script>	3 <script src="../resources/helper.js"></script>

5 <link rel="stylesheet" href="../resources/region-style.css"></link>	4 <link rel="stylesheet" href="../resources/region-style.css"></link>

6 <style>	5 <style>

7 html {	6 html {

8 -webkit-writing-mode: horizontal-bt;	7 -webkit-writing-mode: horizontal-bt;

9 }	8 }

	9

	10 body {

	11 margin-bottom: 0;

	12 }

10 </style>	13 </style>

11 <script>	14 <script>

12 onMouseUpLogSelection("selected-content");	15 onMouseUpLogSelection("selected-content");

13 </script>	16 </script>

14 </head>	17 </head>

15 <body onload="selectContentByIds('word1', 'word2');" style="margin-bottom: 0;">	18 <body onload="selectContentByIds('word1', 'word2');">

16 <div class="flowArticle">	19 <div class="flowArticle">

17 inside region inside region inside region inside region	20 inside region inside region inside region inside region

18 <span id="word1" class="token">word1</span>

19 inside region inside region inside region inside region

20 <span class="break"></span>

21 inside region inside region inside region inside region

22 <span id="word2" class="token">word2</span>

23 inside region inside region inside region inside region	21 inside region inside region inside region inside region

24 </div>	22 </div>

25 <div class="regionArticle greyBigBox"></div>	23 <div class="bigBox float">

26 <div class="bigBox">

27 outside region outside region outside region outside region	24 outside region outside region outside region outside region

	25 <span id="word1" class="token">word1</span>

28 outside region outside region outside region outside region	26 outside region outside region outside region outside region

29 </div>	27 </div>

	28 <div class="clear"></div>

30 <div class="regionArticle greyBigBox"></div>	29 <div class="regionArticle greyBigBox"></div>

	30 <div class="bigBox float">

	31 outside region outside region outside region outside region

	32 <span id="word2" class="token">word2</span>

	33 outside region outside region outside region outside region

	34 </div>

	35 <div class="clear"></div>

31 <div class="description">	36 <div class="description">

32 <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>	37 <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>

33 <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>	38 <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>

34 <dl>	39 <dl>

35 <dt>Selected content:</dt>	40 <dt>Selected content:</dt>

36 <dd id="selected-content"></dd>	41 <dd id="selected-content"></dd>

37 </dl>	42 </dl>

38 </div>	43 </div>

39 </body>	44 </body>

40 </html>	45 </html>

OLD	NEW