mirror of
https://github.com/servo/servo
synced 2026-05-11 09:26:59 +02:00
29 lines
946 B
HTML
29 lines
946 B
HTML
<!doctype html>
|
|
<html class="reftest-wait">
|
|
<title>CSS Transforms: 'transform' resolved percentage values in SVG after mutation</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-property">
|
|
<link rel="match" href="transform-box/reference/greensquare200x200.html">
|
|
<script src="/common/reftest-wait.js"></script>
|
|
<script src="/common/rendering-utils.js"></script>
|
|
<style>
|
|
#container {
|
|
width: 400px;
|
|
height: 200px;
|
|
}
|
|
</style>
|
|
<p>There should be a green 200x200 rectangle below, and no red.</p>
|
|
<div id="container">
|
|
<svg width="100%" height="100%">
|
|
<rect width="200" height="200" fill="red"/>
|
|
<g id="target" style="transform: translate(50%, 50%)">
|
|
<rect x="-100" y="-100" width="100%" height="100%" fill="green"/>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<script>
|
|
waitForAtLeastOneFrame().then(() => {
|
|
document.getElementById('container').style.width = '200px';
|
|
takeScreenshot();
|
|
});
|
|
</script>
|