Hi guys,
Just trying to build a component for an app where I add raw SVG elements(encoded) from the Mongo collection that decoded before rendering and rendered with the {{{ svgItem }}}.
The problem I am facing is that I can see the svg elements in the dom via inspect element in the browser but the browser is not rendering the raw svg elements only. However, other elements like (not using {{{ … }}}) works perfectly on the fly.
here is an example at MeterPad: http://meteorpad.com/pad/csyMJPtFxQdzRp5Q5/Reactive%20SVG%20Trial
and here is the source (if MeteorPad doesn’t work which is often):
http://meteorpad.com/download/csyMJPtFxQdzRp5Q5
Also here is a screen recording I did to make my point:
I hope I’am doing something wrong because theoretically it should work.
Any help will be highly appreciated.
Cheers