diff options
Diffstat (limited to 'layout/reftests/bidi/clone-intrinsic-size-bidi-ref.html')
| -rw-r--r-- | layout/reftests/bidi/clone-intrinsic-size-bidi-ref.html | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/layout/reftests/bidi/clone-intrinsic-size-bidi-ref.html b/layout/reftests/bidi/clone-intrinsic-size-bidi-ref.html new file mode 100644 index 0000000000..acaad0525e --- /dev/null +++ b/layout/reftests/bidi/clone-intrinsic-size-bidi-ref.html @@ -0,0 +1,87 @@ +<!DOCTYPE html> +<head> + <title>CSS Reference: min/max-content size on box-decoration-break:clone inline box with bidi text</title> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> +<style> +html,body { + color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0; +} + +div { + border: 5px solid blue; + white-space: pre; +} +.max > div { + width: -moz-max-content; + width: -webkit-max-content; + width: max-content; +} +.min > div { + width: -moz-min-content; + width: -webkit-min-content; + width: min-content; +} + +span { + border: 2px solid gray; + padding: 0 10px 0 6px; + border-width: 0 8px 0 5px; + margin: 0 4px 0 3px; + background: yellow; + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +f { margin-right: 30px; float: left; } +</style> +<body> +<f class="max"> +<div><span>‮a‭bc</span><span>d‮e‭f</span> +</div> +<div><span>‮a‭bc</span>aa<span>d‮e‭f</span> +</div> +<div><span>‮a‭bc</span> <span>d‮e‭f</span> +</div> +<div><span>‮a‭bc </span><span>d‮e‭f</span> +</div> +<div><span>‮a‭bc</span><span> d‮e‭f</span> +</div> +<div><span>‮a‭bc</span> aa<span>d‮e‭f</span> +</div> +<div><span>‮a‭bc </span>aa<span>d‮e‭f</span> +</div> +<div><span>‮a‭bc</span>aa<span> d‮e‭f</span> +</div> +<div><span>‮a‭bc</span> aa <span>d‮e‭f</span> +</div> +<div><span>‮a‭bc</span>aa <span>d‮e‭f</span> +</div> +<div><span>‮a‭bc</span>aa</div> +</f> + +<f class="min"> +<div><span>‮a‭bc</span><span>d‮e‭f</span> +</div> +<div><span>‮a‭bc</span>aa<span>d‮e‭f</span> +</div> +<!-- FIXME --> +<div style="white-space: normal;"><span>‮a‭bc</span> <span>d‮e‭f</span> +</div> +<!-- FIXME --> +<div style="white-space: normal;"><span>‮a‭bc </span><span>d‮e‭f</span> +</div> +<div><span>bc</span><span></span><span>a</span><br><span>d‮e‭f</span></div> +<div><span>‮a‭bc</span><br>aa<span>d‮e‭f</span> +</div> +<div><span>‮a‭bc</span><br>aa<span>d‮e‭f</span> +</div> +<div><span>‮a‭bc</span>aa<span></span><br><span>d‮e‭f</span> +</div> +<!-- FIXME --> +<div style="white-space: normal;"><span>‮a‭bc</span> aa <span>d‮e‭f</span> +</div> +<!-- FIXME --> +<div style="white-space: normal;"><span>‮a‭bc</span>aa <span>d‮e‭f</span> +</div> +<div><span>‮a‭bc</span>aa</div> +</f> |