Index: LayoutTests/fast/regions/selection/selecting-text-in-2-regions-vert-lr.html |
diff --git a/LayoutTests/fast/regions/selection/selecting-text-in-2-regions-vert-lr.html b/LayoutTests/fast/regions/selection/selecting-text-in-2-regions-vert-lr.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3e0b5314307d6ee6aa3f8036809f77b1c01ac2cd |
--- /dev/null |
+++ b/LayoutTests/fast/regions/selection/selecting-text-in-2-regions-vert-lr.html |
@@ -0,0 +1,40 @@ |
+<!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-lr; |
+ } |
+ </style> |
+ <script> |
+ onMouseUpLogSelection("selected-content"); |
+ </script> |
+</head> |
+<body onload="selectContentByIdsVertical('word1', 'word2');" style="margin-left: 0;"> |
+ <div class="flowArticle"> |
+ inside region inside region inside region inside region |
+ <span id="word1" class="token">word1</span> |
+ inside region inside region inside region inside region |
+ <span class="break"></span> |
+ 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 class="regionArticle greyBigBoxVertical"></div> |
+ <div class="bigBoxVertical"> |
+ outside region outside region outside region outside region |
+ outside region outside region outside region outside region |
+ </div> |
+ <div class="regionArticle greyBigBoxVertical"></div> |
+ <div 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> |