New issue
Advanced search Search tips
Starred by 7 users

Issue metadata

Status: Fixed
Closed: Apr 2012
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug

  • Only users with Commit permission may comment.

Sign in to add a comment

Issue 35545: HTML background in foreignObjects appears behind SVG shapes

Reported by, Feb 12 2010

Issue description

Chrome Version       : 5.0.317.2 (Offizieller Build 38193) dev
URLs (if applicable) :
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
     Safari 4: FAIL
  Firefox 3.x: OK
         IE 7: no SVG
         IE 8: no SVG

What steps will reproduce the problem?
1. Go to the URL above

What is the expected result?
HTML background should appear above red box

What happens instead?
HTML background appears behind red box (text is OK)

Please provide any additional information below. Attach a screenshot if
3.4 KB View Download

Comment 1 by, Feb 12 2010

Firefox 3.6 crashes for example URL

Comment 2 by, Feb 16 2010

BTW: Scrollbars are not working in HTML if foreignObject has x- or y-attribute != 0.

Comment 3 by, Feb 19 2010

Labels: SVG

Comment 4 by, Jul 28 2010

Labels: -Pri-2 -Area-Undefined Pri-3 Area-WebKit
Is there any browser that renders this correctly?

Comment 5 by, Aug 2 2010

Labels: Mstone-X

Comment 6 by, Oct 26 2011

Opera renders this properly with the green rectangle on top.  Firefox still crashes on this particular example, but that's the result of something in the JavaScript generation.  If you feed Firefox the resulting DOM it renders it perfectly with the green rectangle on top.  Webkit is alone in getting the z-index wrong.

Attached is the same test but with a static DOM.  Works in Firefox & Opera.  Fails in Chrome & Safari.
519 bytes View Download

Comment 7 by, Nov 3 2011

Labels: -SVG Webkit-SVG

Comment 8 by, Dec 8 2011

Any update on this issue?  Does anyone know a workaround?

Comment 9 Deleted

Comment 10 by, Dec 8 2011

Since this also fails in Safari, my guess is it's a WebKit issue.  I'd file a bug upstream at, and tag it with "Component:  SVG".  That should get the attention of the right people.

Comment 11 by, Dec 8 2011

Here is the bug at

I've linked from there back to this bug as well.

Comment 12 by, Mar 15 2012

Labels: -Mstone-X

Comment 13 by, Apr 9 2012

Status: Fixed
Upstream bug:

Fix landed in r99862.

Comment 14 by, Oct 13 2012

Project Member
Labels: Restrict-AddIssueComment-Commit
This issue has been closed for some time. No one will pay attention to new comments.
If you are seeing this bug or have new data, please click New Issue to start a new bug.

Comment 15 by, Mar 11 2013

Project Member
Labels: -Area-WebKit -Webkit-SVG Cr-Content-SVG Cr-Content

Comment 16 by, Apr 6 2013

Project Member
Labels: -Cr-Content Cr-Blink

Comment 17 by, Apr 6 2013

Project Member
Labels: -Cr-Content-SVG Cr-Blink-SVG

Sign in to add a comment