Index: third_party/WebKit/LayoutTests/fast/text/place-rtl-ellipsis-in-inline-blocks-align-left.html |
diff --git a/third_party/WebKit/LayoutTests/fast/text/place-rtl-ellipsis-in-inline-blocks-align-left.html b/third_party/WebKit/LayoutTests/fast/text/place-rtl-ellipsis-in-inline-blocks-align-left.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..94a529f38dc361cbda4dad6a506a59037b6b5493 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/text/place-rtl-ellipsis-in-inline-blocks-align-left.html |
@@ -0,0 +1,39 @@ |
+<!DOCTYPE html> |
+<meta charset='utf-8'> |
+<style> |
+div { |
+ width: 55px; |
+ font: 12px; |
+ overflow: hidden; |
+ text-overflow: ellipsis; |
+ white-space: nowrap; |
+ text-align: left; |
+} |
+.rtl { |
+ direction: rtl; |
+} |
+span { |
+ display: inline-block; |
+} |
+</style> |
+<p>crbug.com/133700: Ellipsis placed correctly in rtl text in an inline-block wth an rtl flow.</p> |
+ |
+<p>You should see text followed by ellipsis below.</p> |
+<div> |
+ <span>אבג</span><span>דהו</span><span>זחט</span> |
+</div> |
+ |
+<p>You should see ellipsis followed by text below.</p> |
+<div class="rtl"> |
+ <span>אבג</span><span>דהו</span><span>זחט</span> |
+</div> |
+ |
+<p>You should see text followed by ellipsis below.</p> |
+<div> |
+ <span>אבגדהוזחטיכךל<br>אבגדהוזחטיכךל</span><span>זחט</span><span>יכך</span> |
+</div> |
+ |
+<p>You should see ellipsis followed by text below.</p> |
+<div class="rtl"> |
+ <span>אבגדהוזחטיכךל<br>אבגדהוזחטיכךל</span><span>זחט</span><span>יכך</span> |
+</div> |