1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/text-overflow/atomic-under-marker.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,85 @@
1.4 +<!DOCTYPE HTML>
1.5 +<!--
1.6 + Any copyright is dedicated to the Public Domain.
1.7 + http://creativecommons.org/licenses/publicdomain/
1.8 +
1.9 + Test: text-overflow with overflow where introducing a marker would cause
1.10 + the line to have no visible text or atomic inline-level content --
1.11 + then we should either suppress or clip the marker
1.12 +-->
1.13 +<html><head>
1.14 +<title>text-overflow: suppress or clip the marker when it hides all content</title>
1.15 +<style type="text/css">
1.16 +@font-face {
1.17 + font-family: DejaVuSansMono;
1.18 + src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
1.19 +}
1.20 +html,body {
1.21 + color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
1.22 +}
1.23 +
1.24 +.test {
1.25 + overflow:hidden;
1.26 + width:100px;
1.27 + white-space:nowrap;
1.28 + padding:0 100px;
1.29 +}
1.30 +span {
1.31 + width:97px;
1.32 + display:inline-block;
1.33 +}
1.34 +s {
1.35 + width:3px;
1.36 + height:10px;
1.37 + margin-left:-2px;
1.38 + display:inline-block;
1.39 + background:blue;
1.40 +}
1.41 +.rlo {
1.42 + unicode-bidi: bidi-override; direction:rtl;
1.43 +}
1.44 +.lro {
1.45 + unicode-bidi: bidi-override;
1.46 +}
1.47 +.rtl {
1.48 + direction:rtl;
1.49 +}
1.50 +.ltr {
1.51 + direction:ltr;
1.52 +}
1.53 +
1.54 +.t1 { text-overflow:ellipsis; }
1.55 +.t2 { text-overflow:"." ellipsis; }
1.56 +.t3 { text-overflow:"long" ellipsis; }
1.57 +
1.58 +i {
1.59 + display:inline-block;
1.60 + width:2px;
1.61 + height:10px;
1.62 + background:blue;
1.63 +}
1.64 +
1.65 +</style>
1.66 +
1.67 +</head><body>
1.68 +
1.69 +<div style="float:left;">
1.70 +<div class="test t1"><span>!</span><i></i>||</div> <!-- atomic under marker -->
1.71 +<div class="test t1"><span>!</span>||<i></i></div> <!-- atomic in padding -->
1.72 +<div class="test t1"><span>!</span><i style="width:20px"></i></div> <!-- atomic under marker and in padding -->
1.73 +<div class="test t2"><span>!</span><i></i>||</div> <!-- atomic under marker -->
1.74 +<div class="test t2"><span>!</span>||<i></i></div> <!-- atomic in padding -->
1.75 +<div class="test t2"><span>!</span><i style="width:20px"></i></div> <!-- atomic under marker and in padding -->
1.76 +
1.77 +<div class="test rtl t1"><span>!</span><i></i>||</div> <!-- atomic under marker -->
1.78 +<div class="test rtl t1"><span>!</span>||<i></i></div> <!-- atomic in padding -->
1.79 +<div class="test rtl t1"><span>!</span><i style="width:20px"></i></div> <!-- atomic under marker and in padding -->
1.80 +<div class="test t2"><s></s><i></i>||</div> <!-- atomic under marker -->
1.81 +<div class="test t3"><s></s>|<i></i></div> <!-- atomic in padding -->
1.82 +<div class="test t2"><s></s><i style="width:20px"></i></div> <!-- atomic under marker and in padding -->
1.83 +
1.84 +</div>
1.85 +
1.86 +
1.87 +</body>
1.88 +</html>
