| <!doctype html> |
| <html lang=en> |
| <meta charset=utf-8> |
| <title>CSS-contain test: layout containment on ruby-base-container</title> |
| <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> |
| <meta name=flags content="ahem"> |
| <meta name=assert content="layout containment does not apply to ruby-base-container"> |
| <link rel="match" href="reference/contain-layout-002-ref.html"> |
| <link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint"> |
| |
| <style> |
| rbc { |
| contain: layout; |
| display: ruby-base-container; |
| font-family: ahem; |
| font-size: 20px; |
| line-height: 1; |
| } |
| rbc::before { |
| content: "X"; |
| color: green; |
| } |
| rbc::after { |
| content: "X"; |
| color: white; |
| position: absolute; |
| top:0; left: 0; |
| } |
| </style> |
| |
| <p>This test passes if you can see a green box below. |
| <div><ruby><rbc></rbc></ruby></div> |
