[Webkit-unassigned] [Bug 68995] Height of SVG element is incorrectly calculated when svg when width of containing element is set as a percentage
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Jul 5 21:33:49 PDT 2012
https://bugs.webkit.org/show_bug.cgi?id=68995
--- Comment #3 from Myles Borins <myles.borins at gmail.com> 2012-07-05 21:33:49 PST ---
(From update of attachment 151018)
<!DOCTYPE html>
<html>
<head></head>
<body>
<div>
<div style="float:left; width:50%; height:100%;">
<svg viewBox="0 0 750 250" id="viewbox">
<g transform="translate(25,25)">
<rect style="stroke: #000000; fill: #ffff00; " x="0" y="0" width="50" height="200" id="60" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="50" y="0" width="50" height="200" id="62" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="100" y="0" width="50" height="200" id="64" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="150" y="0" width="50" height="200" id="65" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="200" y="0" width="50" height="200" id="67" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="250" y="0" width="50" height="200" id="69" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="300" y="0" width="50" height="200" id="71" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="350" y="0" width="50" height="200" id="72" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="400" y="0" width="50" height="200" id="74" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="450" y="0" width="50" height="200" id="76" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="500" y="0" width="50" height="200" id="77" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="550" y="0" width="50" height="200" id="79" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="600" y="0" width="50" height="200" id="81" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="650" y="0" width="50" height="200" id="83" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="35" y="0" width="30" height="125" id="61" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="85" y="0" width="30" height="125" id="63" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="185" y="0" width="30" height="125" id="66" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="235" y="0" width="30" height="125" id="68" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="285" y="0" width="30" height="125" id="70" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="385" y="0" width="30" height="125" id="73" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="435" y="0" width="30" height="125" id="75" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="535" y="0" width="30" height="125" id="78" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="585" y="0" width="30" height="125" id="80" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="635" y="0" width="30" height="125" id="82" class="note" noteType="orange"></rect>
</g>
</svg>
</div>
<div style="float:left; width:50%; height:100%;">
<svg viewBox="0 0 750 250" id="viewbox">
<g transform="translate(25,25)">
<rect style="stroke: #000000; fill: #ffff00; " x="0" y="0" width="50" height="200" id="60" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="50" y="0" width="50" height="200" id="62" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="100" y="0" width="50" height="200" id="64" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="150" y="0" width="50" height="200" id="65" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="200" y="0" width="50" height="200" id="67" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="250" y="0" width="50" height="200" id="69" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="300" y="0" width="50" height="200" id="71" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="350" y="0" width="50" height="200" id="72" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="400" y="0" width="50" height="200" id="74" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="450" y="0" width="50" height="200" id="76" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="500" y="0" width="50" height="200" id="77" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="550" y="0" width="50" height="200" id="79" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="600" y="0" width="50" height="200" id="81" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffff00; " x="650" y="0" width="50" height="200" id="83" class="note" noteType="yellow"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="35" y="0" width="30" height="125" id="61" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="85" y="0" width="30" height="125" id="63" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="185" y="0" width="30" height="125" id="66" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="235" y="0" width="30" height="125" id="68" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="285" y="0" width="30" height="125" id="70" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="385" y="0" width="30" height="125" id="73" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="435" y="0" width="30" height="125" id="75" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="535" y="0" width="30" height="125" id="78" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="585" y="0" width="30" height="125" id="80" class="note" noteType="orange"></rect>
<rect style="stroke: #000000; fill: #ffa500; " x="635" y="0" width="30" height="125" id="82" class="note" noteType="orange"></rect>
</g>
</svg>
</div>
</div>
<div>
<div style="float:left; width:50%; height:150px;">
<svg viewBox="0 0 300 30">
<rect width="300" height="30"></rect>
</svg>
</div>
<div style="float:left; width:50%; height:150px;">
<svg viewBox="0 0 300 30">
<rect width="300" height="30"></rect>
</svg>
</div>
</div>
<div>
<div style="float:left; width:50%; height:100%;">
<svg viewBox="0 0 300 300">
<rect x="0" y="0" width="150" height="300"></rect>
<rect x="150" y="0" width="150" height="300"></rect>
</svg>
</div>
<div style="float:left; width:50%; height:100%;">
<svg viewBox="0 0 300 300">
<rect width="300" height="300"></rect>
</svg>
</div>
</div>
</body>
</html>
--
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.
More information about the webkit-unassigned
mailing list