diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/css/css-ruby/block-ruby-005.html | |
| parent | Initial commit. (diff) | |
| download | firefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz firefox-43a97878ce14b72f0981164f87f2e35e14151312.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-ruby/block-ruby-005.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-ruby/block-ruby-005.html | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-ruby/block-ruby-005.html b/testing/web-platform/tests/css/css-ruby/block-ruby-005.html new file mode 100644 index 0000000000..cf09e76833 --- /dev/null +++ b/testing/web-platform/tests/css/css-ruby/block-ruby-005.html @@ -0,0 +1,62 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ + --> +<html> +<meta charset="utf-8"> +<title>CSS Ruby Test: DIV append in 'display:ruby/block ruby'.</title> +<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> +<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display"> +<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup"> +<link rel="help" href="https://drafts.csswg.org/css-display-3/#inlinify"> +<link rel="match" href="block-ruby-005-ref.html"> +<style> +body { + font:10px/1 monospace; +} + +rbb, ruby { background:lightblue; overflow:hidden; width:3em; } +ruby { display: ruby; } +rbb { display: block ruby; } +grid { display: grid; } +.mbp { + margin: 1px 3px 5px 7px; + padding: 3px 5px 7px 1px; + border-width: 3px 1px 7px 5px; + border-style: solid; +} +rbc { + display: ruby-base-container; + unicode-bidi: isolate; + font-size: 200%; +} +rtc { + display: ruby-text-container; + unicode-bidi: isolate; + ruby-position: under; +} +</style> + +<div>zzzzzzzzzzzz</div> +<ruby class=mbp>X</ruby> +<grid>A<ruby class=mbp></ruby>B</grid> +<grid>A<ruby class=mbp>X</ruby>B</grid> +<grid>A<ruby>X</ruby><ruby><rbc></rbc></ruby>B</grid> +<grid>A<ruby></ruby><ruby><rbc>X</rbc></ruby>B</grid> +<ruby><rt><rbb>X</rbb></rt></ruby> +<ruby><rbc><rbb>X</rbb></rbc></ruby> +<ruby><rtc><rbb>X</rbb></rtc></ruby> +<rbb class=mbp></rbb> +<rbb class=mbp>X</rbb> +<rbb class=mbp><rt>X</rt></rbb> +<rbb class=mbp><rb>X</rb></rbb> + +<script> +document.body.getClientRects(); +let div = document.querySelector('div'); +let ruby = Array.prototype.slice.call(document.querySelectorAll('ruby,rbb')); +ruby.forEach(function(e){ let n = div.cloneNode(true); e.appendChild(n); e.offsetHeight;}); +</script> + +</html> |