summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-contain/contain-paint-008.html
blob: ab1ba6beab66a7637b912c36e33f1708bc24ee19 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!doctype html>
<html lang=en>
  <meta charset=utf-8>
  <title>CSS-contain test: paint containment on ruby-text</title>
  <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
  <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">
  <link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">

<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>