1143417 - HTML element is not treated as root inside foreignObject

Status: RESOLVED INVALID

(Core :: SVG, defect)

Description

[christoph.burgmer]

Attachment: :root selector used to style the HTML element and SVG element respectively

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:36.0) Gecko/20100101 Firefox/36.0
Build ID: 20150305021524

Steps to reproduce:

1. Styled the HTML tag inside an SVG's foreignObject via the `:root` selector.
2. Used a negative z-index on a child element inside a foreignObject


Actual results:

1. Styling is not applied to the HTML element but to the SVG container
2. Child element is hidden behind the background of the HTML element if exists.


Expected results:

1. `:root` should match the HTML element and not the SVG container
2. The HTML element should receive an automatic stacking context as described in http://www.w3.org/TR/CSS2/visuren.html#propdef-z-index so that the stacking algorithm is applied correctly.

Comment 1

[christoph.burgmer]

Attachment: Child with a negative z-index is hidden behind the HTML element inside foreignObject

Comment 2

[christoph.burgmer]

The manifestations can be seen separately but I believe they stem from the same underlying issue, hence this unified bug report. The issue filed under https://bugzilla.mozilla.org/show_bug.cgi?id=1143405 might also be connected to the one here.

Comment 3

[Robert Longson [:longsonr]]

the :root pseudo matches the document root i.e. the outermost element. foreignObject does not create a root.

Comment 4

[Robert Longson [:longsonr]]

If you still think issue 2 is valid please raise it as a separate issue.