forked from mirrors/gecko-dev
4a60927f3f
Automatic update from web-platform-tests [CSS display:ruby*] Don't fix position and float for <rt> We have forced `position: static; float: none;` for <rt>. We don't need it any longer. Changing these property values blockifies `display: ruby-text`, and it won't work as ruby-text. The new behavior is compatible with Firefox. Bug: 880802 Change-Id: Iec2886c64f48f360258ef17a6885b047dfff3be8 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5028779 Commit-Queue: Koji Ishii <kojii@chromium.org> Auto-Submit: Kent Tamura <tkent@chromium.org> Reviewed-by: Koji Ishii <kojii@chromium.org> Cr-Commit-Position: refs/heads/main@{#1224752} -- wpt-commits: f6e86730951e1dac4377e0ad67342180df1ee29c wpt-pr: 43162
41 lines
1.1 KiB
HTML
41 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="UTF-8">
|
|
<title>Blockifying 'display: ruby-text' loses ruby-text functionality</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#block-ruby">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
|
|
<style>
|
|
ruby {
|
|
font-size: 60px;
|
|
line-height: 1;
|
|
}
|
|
|
|
rt.abspos {
|
|
position: absolute;
|
|
font-size: inherit;
|
|
line-height: 1;
|
|
}
|
|
|
|
rt.float {
|
|
float: left;
|
|
font-size: inherit;
|
|
line-height: 1;
|
|
}
|
|
</style>
|
|
|
|
<p><ruby><span id="base">base1</span> <rt class="abspos">abspos</rt>base2 <rt class="float">float</rt></ruby></p>
|
|
|
|
<script>
|
|
test(() => {
|
|
const base = document.querySelector('#base').getBoundingClientRect();
|
|
const rt = document.querySelector('.abspos').getBoundingClientRect();
|
|
assert_greater_than_equal(rt.y, base.y);
|
|
}, 'position:absolute should not work as ruby-text');
|
|
|
|
test(() => {
|
|
const base = document.querySelector('#base').getBoundingClientRect();
|
|
const rt = document.querySelector('.float').getBoundingClientRect();
|
|
assert_greater_than_equal(rt.y, base.y);
|
|
}, 'float:left should not work as ruby-text');
|
|
</script>
|