ruby-dynamic-removal-003.html (1878B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>Test for dynamic removal of ruby frames</title> 4 <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org"> 5 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup"> 7 <link rel="match" href="ruby-dynamic-removal-003-ref.html"> 8 <link rel="stylesheet" href="support/ruby-common.css"> 9 <script src="support/ruby-dynamic-removal.js"></script> 10 <p>'a' and 'b' should be paired with 'x' and 'y' respectively:</p> 11 12 <!-- merge --> 13 <!-- pseudo ruby --> 14 <p><rb>a</rb><span class="remove"></span><rb>b</rb><rt>x</rt><rt>y</rt></p> 15 <!-- pseudo ruby base container --> 16 <p><rb>a</rb><rt class="remove"></rt><rb>b</rb><rt>x</rt><rt>y</rt></p> 17 <!-- pseudo ruby text container --> 18 <p><rb>a</rb><rb>b</rb><rt>x</rt><rb class="remove"></rb><rt>y</rt></p> 19 20 <!-- white space removal --> 21 <!-- inter-base white space --> 22 <p><rb class="remove-after">a</rb> <rb>b</rb><rt>x</rt><rt>y</rt></p> 23 <!-- inter-annotation white space --> 24 <p><rb>a</rb><rb>b</rb><rt class="remove-after">x</rt> <rt>y</rt></p> 25 26 <p>'ab' should be paried with 'xy':</p> 27 28 <!-- merge --> 29 <!-- pseudo ruby base --> 30 <p><rbc>a<rb class="remove"></rb>b</rbc><rt>xy</rt></p> 31 <!-- pseudo ruby text --> 32 <!-- letter-spacing is added here to avoid fuzzy on Windows. See bug 1111891 --> 33 <p><rb>ab</rb><rtc style="letter-spacing: 1px">x<rt class="remove"></rt>y</rtc></p> 34 35 <p>'a b c' should be paried with 'x y z':</p> 36 <!-- merge --> 37 <p><ruby>a <rt class="remove">w</rt><span>b</span> <span style="display:block">c</span><rt>x y z</ruby> 38 <p><ruby>a <span style="display:block">b</span> <rt class="remove">w</rt><span>c</span><rt>x y z</ruby> 39 <p><ruby><span style="display:block">a</span> <rt class="remove">w</rt><span>b</span> <span style="display:block">c</span><rt>x y z</ruby>