stroke-width-percentage-03.xhtml

Enable keyboard shortcuts

<?xml version="1.0" encoding="UTF-8"?>

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=875069 -->

<!--

    This test checks that when the content area of the window resizes without

    any style change that we reflow stroked SVG elements that have

    'vector-effect' set to 'non-scaling-stroke' and that are under a

    transformed ancestor. We use an iframe to allow us to resize the content

    area of the embedded document without changing its style.

    This test should end up rendering a blue square, 100px by 50px.

-->

<html xmlns="http://www.w3.org/1999/xhtml"

      class="reftest-wait">

  <head>

    <style>

#frame {

  /* width and height are given the same value since percentage stroke resolves

     as sqrt(width^2 + height^2).

*/

  width: 50px;

  height: 50px;

  border: 0;

    </style>

    <script>

function doTest() {

  document.getElementById("frame").style.width = "100px";

  document.getElementById("frame").style.height = "100px";

  document.documentElement.removeAttribute("class");

window.addEventListener("MozReftestInvalidate", doTest, false);

setTimeout(doTest, 4000); // fallback for running outside reftest

    </script>

  </head>

  <body>

    <iframe id="frame" src="stroke-width-percentage-03-iframe.svg"></iframe>

  </body>

</html>