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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/text/place-rtl-ellipsis-in-inline-blocks-2.html

Issue 2888093006: Place ellipsis correctly in inline blocks separated by spaces (Closed)
Patch Set: bug 133700 Created 3 years, 7 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
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <meta charset='utf-8'>
3 <style>
4 div {
5 width: 95px;
6 font: 12px;
7 overflow: hidden;
8 text-overflow: ellipsis;
9 white-space: nowrap;
10 }
11 .rtl {
12 direction: rtl;
13 }
14 span {
15 display: inline-block;
16 }
17 </style>
18 <p>crbug.com/133700: Ellipsis placed correctly in rtl text in an inline-block wt h an rtl flow.</p>
19
20 <p>You should see text followed by ellipsis below.</p>
21 <div>
22 <span>אבג</span> <span>דהו</span> <span>זחט</span> <span>אבג</span> <span> דהו</span> <span>זחט</span>
23 </div>
24
25 <p>You should see ellipsis followed by text below.</p>
26 <div class="rtl">
27 <span>אבג</span> <span>דהו</span> <span>זחט</span> <span>אבג</span> <span> דהו</span> <span>זחט</span>
28 </div>
29
30 <p>You should see text followed by ellipsis below.</p>
31 <div>
32 <span>אבגדהוזחטיכךל<br>אבגדהוזחטיכךל</span> <span>זחט</span> <span>יכך</sp an>
33 </div>
34
35 <p>You should see ellipsis followed by text below.</p>
36 <div class="rtl">
37 <span>אבגדהוזחטיכךל<br>אבגדהוזחטיכךל</span> <span>זחט</span> <span>יכך</sp an>
38 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698