How to include an interactive svg in a gateway extension?

WebThings
,
1

I am struggling to find how to add an interactive svg to a Webthings gateway extension.

One can use an <img> tag, but this does not allow interactivity.
To use an interactive svg (one that can be manipulated via the DOM and javascript), one must use the <object> tag.

However the gateway seems to forbid the use of objects, the browser console reports the following error when I do:

Content Security Policy: The page’s settings blocked the loading of a resource at http://<my gateway's IP address>/things (“frame-ancestors”).

How do I work around this problem?

2

Actually, I found a solution:

Inline the svg element (or insert it from within js) & all works fine.