| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../resources/helper.js"></script> |
| <link rel="stylesheet" href="../resources/region-style.css"></link> |
| <style> |
| html { |
| -webkit-writing-mode: vertical-rl; |
| } |
| |
| #region-1 { |
| position: absolute; |
| right: 0px; |
| } |
| |
| #region-2 { |
| position: absolute; |
| right: 200px; |
| } |
| |
| #outside { |
| position: absolute; |
| right: 100px; |
| } |
| |
| #description { |
| position: absolute; |
| right: 300px; |
| } |
| </style> |
| <script> |
| onMouseUpLogSelection("selected-content"); |
| </script> |
| </head> |
| <body onload="selectContentByIdsVertical('word1', 'word2');" style="margin-right: 0;"> |
| <div id="region-1" class="greyBigBoxVertical"> |
| inside region inside region inside region inside region |
| <span id="word1" class="token">word1</span> |
| inside region inside region inside region inside region |
| </div> |
| <div id="region-2" class="greyBigBoxVertical"> |
| inside region inside region inside region inside region |
| <span id="word2" class="token">word2</span> |
| inside region inside region inside region inside region |
| </div> |
| <div id="outside" class="bigBoxVertical"> |
| outside region outside region outside region outside region |
| outside region outside region outside region outside region |
| </div> |
| <div id="description" class="descriptionVertical"> |
| <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> |
| <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 that "outside region" text is not highlighted and not included in the selected content.</p> |
| <dl> |
| <dt>Selected content:</dt> |
| <dd id="selected-content"></dd> |
| </dl> |
| </div> |
| </body> |
| </html> |
