diff options
Diffstat (limited to 'layout/reftests/text-overflow/visibility-hidden.html')
| -rw-r--r-- | layout/reftests/text-overflow/visibility-hidden.html | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/layout/reftests/text-overflow/visibility-hidden.html b/layout/reftests/text-overflow/visibility-hidden.html new file mode 100644 index 000000000..18b917616 --- /dev/null +++ b/layout/reftests/text-overflow/visibility-hidden.html @@ -0,0 +1,74 @@ +<!DOCTYPE HTML> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/licenses/publicdomain/ + + Test: visibility:hidden should not trigger text-overflow markers +--> +<html><head> +<title>text-overflow: visibility:hidden</title> +<style type="text/css"> +@font-face { + font-family: DejaVuSansMono; + src: url(../fonts/DejaVuSansMono.woff); +} +html,body { + color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono; +} + +.test { + text-overflow:ellipsis; + overflow: hidden; + white-space: nowrap; + background:lime; + color: black; + width: 50%; +} + +.rtl { + direction:rtl; +} +.rlo { + unicode-bidi: bidi-override; direction: rtl; +} +u { + visibility:hidden; + padding-left: 3em; + background: cyan; +} +.rtl u {padding-right: 3em; padding-left:0;} +s { + visibility:visible; +} + +.t1 {width:10em;} +.t2 {width:14em;} +.t3 {width:13.5em;} +.t3 u { padding-right:1em; } +.t3.rtl u {padding-left:1em; padding-right: 3em; } +.t4 {width:12.5em;} +</style> + +</head><body> + +<div class="test t2"> +CSS is awesome<u></u><br> +CSS is awesome<u> <s>x</s> </u> +</div> +<div class="test t1">CSS is awesome<u></u><br></div> +<div class="test t2">CSS is awesome<u> <s>x</s> </u></div> +<div class="test t3">CSS is awesome<u> <s>x</s></u></div> +<div class="test t4">CSS is awesome<u> <s>x</s></u></div> + +<div class="rtl"> +<div class="test rtl rlo t2"> +CSS is awesome<u></u><br> +CSS is awesome<u> <s>x</s></u> +</div> +<div class="test rtl rlo t1">CSS is awesome<u></u><br></div> +<div class="test rtl rlo t2">CSS is awesome<u> <s>x</s> </u></div> +<div class="test rtl rlo t3">CSS is awesome<u> <s>x</s></u></div> +<div class="test rtl rlo t4">CSS is awesome<u> <s>x</s></u></div> +</div> + +</body></html> |