layout/reftests/svg/sizing/inline--position-absolute--02.xhtml
author L. David Baron <dbaron@dbaron.org>
Sun, 12 Jun 2011 18:52:32 -0700
changeset 70944 58fe3ede72f834b7110fa5b937bee6995d43a174
parent 8189 60a53985b0e94ec6a7dd243bbc15298a8fed83de
child 71457 41de88315cfa99a7ceeb00a42c12fb9d955354df
permissions -rw-r--r--
Remove notion of percentage intrinsic size: remove the single case that (incorrectly) sets percentage intrinsic sizes, and fix all of the tests that depend on our old incorrect behavior. (Bug 611099) r=dholbert Needed to help CSS 2.1 meet Proposed Recommendation entrance criteria.

<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/licenses/publicdomain/
-->
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>

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

    <title>Test: percentage height on absolutely positioned SVG</title>

    <!--
    This testcase checks that percentage values for height on absolutely
    positioned SVG will be computed relative to their containing block, and
    not relative to the content area of the user agent.
    -->

    <style type="text/css">

html, body {
  padding: 0;
  border: 0;
  margin: 0;
  height: 100%;
  background: lime;
}

    </style>
  </head>
  <body>

    <!-- create containing block for absolutely positioned children -->
    <div style="position:relative;">

      <!-- div to expand parent div to a computed height of 20px -->
      <div style="height:20px; background:red;"/>

      <!-- absolutely positioned SVG - the explicit 100% percentage height
           should compute as a percentage of the parent div's computed height,
           not as a percentage of the body's height! I.e. no red should show.
      -->
      <svg xmlns="http://www.w3.org/2000/svg" style="position:absolute; top:0; width: 100%; height: 100%">
        <rect width="100%" height="100%" fill="red"/>
        <rect width="100%" height="20px" fill="lime"/>
      </svg>

    </div>

  </body>
</html>