When positioned within a CSS inline block, it seems an SVG-rendered image element will not position itself appropriately, and thus not render on screen. This is not the case for absolutely-positioned elements or CSS-positioned elements with display: block.
Created attachment 14917 [details]
inline-block means something else. These divs have been turned into straight-up inlines, so they're like spans. Just clarifying so that whoever investigates this doesn't get confused.
Created attachment 14928 [details]
Discussed with Sam, probably worth having this at least for the testcase.
Comment on attachment 14928 [details]
This is a nice fix, but for the wrong bug. This is a fix for bug 14064.
Created attachment 14934 [details]
slightly simpler test case (we should land other one however)
This is yet another bug which will be made easier by fixing 12207. The only class in SVG which should ever have to care about tx/ty is SVGRenderRoot. All the rest should just be able to expect to be drawn relative to their SVG viewport, ignoring any html translations.
Created attachment 15037 [details]
This should do it.
Comment on attachment 15037 [details]
looks great. leave the parentx, parenty param names out so no one else is tempted to use them. or ASSERT that they're == 0.
Landed in r23544.