diff options
Diffstat (limited to 'layout/reftests/css-ruby/intra-level-whitespace-2.html')
| -rw-r--r-- | layout/reftests/css-ruby/intra-level-whitespace-2.html | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/layout/reftests/css-ruby/intra-level-whitespace-2.html b/layout/reftests/css-ruby/intra-level-whitespace-2.html new file mode 100644 index 000000000..f2eddba6c --- /dev/null +++ b/layout/reftests/css-ruby/intra-level-whitespace-2.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>Bug 1099807 - Intra-level whitespace pairing</title> + <link rel="stylesheet" href="common.css"> + <style> + body { font-family: monospace; } + .container { border: 1px solid blue; margin: 20px; } + </style> + <style id="style"></style> +</head> +<body> + <span id="ref1">12345</span> <span id="ref2">12345 67890</span> + <div class="container"><ruby><rb>12345</rb> <rb>67890</rb><rt>09876</rt><rt>54321</rt></ruby></div> + <div class="container"><ruby><rb>12345</rb><rb>67890</rb><rt>09876</rt> <rt>54321</rt></ruby></div> + <div class="container"><ruby><rb>12345</rb> <rb>67890</rb><rt>09876</rt> <rt>54321</rt></ruby></div> + <script type="text/javascript"> + var ref1 = document.getElementById('ref1'); + var ref2 = document.getElementById('ref2'); + var style = document.getElementById('style'); + var width1 = ref1.getBoundingClientRect().width + 'px'; + var width2 = ref2.getBoundingClientRect().width + 'px'; + // It changes the width of the containers to test incremental + // layout with intra-level whitespace columns being pushed and + // pulled up across a line-break. + style.textContent = '.container { width: ' + width1 + '; }'; + document.body.offsetHeight; // force reflow + style.textContent = '.container { width: ' + width2 + '; }'; + document.body.offsetHeight; // force reflow + </script> +</body> +</html> |