You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
It's not clear what "SVG" and "SVG element" refer to. Chrome interprets "SVG" as "SVG document" and "SVG element" as "SVG document element", so an embedded SVG doesn't create a isolated group by default. Firefox seems to interpret them differently.
In Chrome (86), the box is black, while in Firefox (68.11.0esr) it's yellow.
The text was updated successfully, but these errors were encountered:
SVG elements paint atomically, so they are similar to stacking contexts in that respect. However, they are perhaps even more like replaced elements, in that they paint atomically but don't paint-as-if stacked (see here for more research into that latter concept). Replaced elements generally paint as foreign objects/documents embedded within a parent document. Under either the "stacking context" or "replaced element" reasoning, we would conclude that an SVG element should create an isolated group.
However, there may be use cases where developers want to blend SVG with the parent content, and forcing the SVG element to be an isolated group would disallow that, without a clear benefit that I can see other than possibly reducing developer confusion (though I don't know of any examples of this confusion right now). If the developer desires an isolated group, it's easy to add with isolation: isolate: http://output.jsbin.com/suzolaq/2. In addition, Chromium and WebKit browsers agree on this particular behavior.
I conclude that we should edit the spec to clarify that embedded SVG elements within an HTML document do not by themselves create an isolated group.
https://drafts.fxtf.org/compositing-1/#csscompositingrules_SVG
It's not clear what "SVG" and "SVG element" refer to. Chrome interprets "SVG" as "SVG document" and "SVG element" as "SVG document element", so an embedded SVG doesn't create a isolated group by default. Firefox seems to interpret them differently.
In Chrome (86), the box is black, while in Firefox (68.11.0esr) it's yellow.
The text was updated successfully, but these errors were encountered: