[Webkit-unassigned] [Bug 58417] New: SVG object covers CSS background in HTML foreignObject

Wed Apr 13 01:37:16 PDT 2011

https://bugs.webkit.org/show_bug.cgi?id=58417

           Summary: SVG object covers CSS background in HTML foreignObject
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Linux
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: SVG
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: raimi at pinuts.de
                CC: zimmermann at kde.org

SVG object covers CSS background in HTML foreignObject

The example shows an SVG inside a HTML page. The SVG in turn contains
a group with a red 'rect' and a 'foreignObject'. The latter contains a
HTML 'div' with a CSS class that defines bold font and yellow
background.

Everything is layered in a way that the foreignObject covers most of
the red 'rect'.

Expected behaviour: The HTML div is entirely visible and has a yellow
background. Works in FF4.

Actual behaviour: (Chrome 11 Beta, WebKit 534.24
(branches/chromium/696 at 83359)): The red 'rect' covers the yellow
background of the HTML div.

---8<---
<html>
  <head>
    <title>SVG object covers CSS background in HTML foreignObject</title>
<style>
.My_Class {
    font-weight: bold;
    background: yellow;
}
</style>
  </head>
  <body>
<div class="My_Class">Raimi was here</div>

<svg id="svgWorld" xmlns="http://www.w3.org/2000/svg" width="500px" height="500px">
 <g transform="translate(20, 20)">
 <rect x="0" y="0" width="50" height="10" fill="red" />
 <foreignObject x="5" y="1" width="200" height="20"><div class="My_Class">Raimi was here, too</div></foreignObject>
 </g>
</svg>
  </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.