<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=411146 --> <title>Test percentages dimensions for SVG inside a foreignObject</title> <foreignObject width="50%" height="50%"> <svg xmlns="http://www.w3.org/2000/svg" style="width: 50%; height: 50%"> <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> </svg> </foreignObject> <svg x="25%" width="25%" height="25%"> <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> </svg> <svg y="25%" width="25%" height="25%"> <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> </svg> <svg x="25%" y="25%" width="25%" height="25%"> <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> </svg> </svg>