Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(447)

Unified Diff: third_party/WebKit/LayoutTests/fast/text/place-mixed-ellipsis-in-inline-blocks.html

Issue 2699393002: Place ellipsis correctly inside inline-blocks (Closed)
Patch Set: Created 3 years, 10 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 side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/fast/text/place-mixed-ellipsis-in-inline-blocks.html
diff --git a/third_party/WebKit/LayoutTests/fast/text/place-mixed-ellipsis-in-inline-blocks.html b/third_party/WebKit/LayoutTests/fast/text/place-mixed-ellipsis-in-inline-blocks.html
new file mode 100644
index 0000000000000000000000000000000000000000..7ae1b2f4b5a579dcbe50eda36009ab8e43e602ac
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/text/place-mixed-ellipsis-in-inline-blocks.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<meta charset='utf-8'>
+<style>
+div {
+ width: 55px;
+ font: 12px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.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 אבגדהו... below.</p>
+<div>
+ <span>אבx</span><span>דהx</span><span>זחx</span>
+</div>
+
+<p>You should see אבגדהו... below.</p>
+<div class="rtl">
+ <span>אבx</span><span>דהx</span><span>זחx</span>
+</div>
+
+<p>You should see אבגde... then אבגde... below.</p>
+<div>
+ <span>אבגדהוזabcdefg<br>אבגדהוabcdefg</span><span>זחa</span><span>יכa</span>
+</div>
+
+<p>You should see ..זחטיכךm then ..זחטיכךm below.</p>
+<div class="rtl">
+ <span>אבגדהוזabcdefg<br>אבגדהוabcdefg</span><span>זחa</span><span>יכa</span>
+</div>

Powered by Google App Engine
This is Rietveld 408576698