<!doctype html> | |
<title>CSS Container Queries Test: SVG <g> element not a size query container</title> | |
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container"> | |
<link rel="match" href="svg-g-no-size-container-ref.html"> | |
<style> | |
g { | |
display: block; | |
width: 100px; | |
height: 100px; | |
container-type: size; | |
} | |
@container (width = 100px) { | |
text { color: red; } | |
} | |
</style> | |
<p>You should see the word PASS below and no red.</p> | |
<svg> | |
<g><text x="0" y="20" id="text">PASS</text></g> | |
</svg> |