Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-contain/contain-paint-008.html - WPT Dashboard Interop Dashboard
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS-contain test: paint containment on ruby-text</title>
<meta name=flags content="">
<meta name=assert content="paint containment does not apply to ruby-text">
<link rel="match" href="reference/contain-paint-008-ref.html">
<style>
rt {
contain: paint;
display: ruby-text;
font-size: 1rem;
font-family: monospace;
}
rt::after {
content: "PASS";
/* Doing the following instead of position:absolute to move it out into the area that would be
clipped because Firefox clips absolutely positioned content of rt even in builds without
support for css containment.
Since this technique works also, there's no need to trigger a false negative.
*/
position: relative;
left: 4ch;
}
</style>
<p>This test passes if you can see the word PASS below.
<div><ruby><rt></rt></ruby></div>