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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/text/place-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
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/text/place-mixed-ellipsis-in-inline-blocks-2.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 abcdef... below.</p>
21 <div>
22 <span>abc</span> <span>def</span> <span>ghi</span> <span>abc</span> <span> def</span> <span>ghi</span>
23 </div>
24
25 <p>You should see ...defabc below.</p>
26 <div class="rtl">
27 <span>abc</span> <span>def</span> <span>ghi</span> <span>abc</span> <span> def</span> <span>ghi</span>
28 </div>
29
30 <p>You should see abcde... then abcde... below.</p>
31 <div>
32 <span>abcdefghijklm<br>abcdefghijklm</span> <span>ghi</span> <span>jkl</sp an> <span>ghi</span> <span>jkl</span>
33 </div>
34
35 <p>You should see ...hijklm then ...hijklm below.</p>
36 <div class="rtl">
37 <span>abcdefghijklm<br>abcdefghijklm</span> <span>ghi</span> <span>jkl</sp an> <span>ghi</span> <span>jkl</span>
38 </div>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/text/place-mixed-ellipsis-in-inline-blocks-2.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698