Unable to display images from http source

[Matthew Brown]

UPDATE 2: This issue is not exclusively for webviews.

UPDATE: Images from a remote http source cannot be displayed due to the CSP. Actual error message is:

[Embedded Page] Refused to load the image '…' because it violates the following Content Security Policy directive: "img-src data: vscode-resource: https: blob:". webviewElement.ts:296

‌

The image next to the issue key and next to the priority are not displaying and have the placeholder image instead. This is the case for all issues I’ve seen and for all priorities, including when expanding the drop-down.

‌

• VS Code: v1.38.1 (user setup)
• Atlascode: v2.0.2
• Client OS: Windows 10 1903
• Jira Server: v8.3.0

‌

[Matthew Brown]

Also Create Issue view

‌

[Jonathan Doklovic]

Linked to VSCODE-761

[Jonathan Doklovic]

We believe this is fixed in 2.0.3 which is now available from the VS Code Marketplace.

Please re-open if needed.

[Matthew Brown]

This looks like it’s fixed for the webviews, which was the bigger issue. It’s still not working in the tree views, which I failed to post a screenshot of because it’s less noticeable. Instead of that placeholder image, it’s just blank. I’m not sure that the CSP is configurable for custom tree views, though.

‌

[Matthew Brown]

Assuming the CSP is not configurable for custom tree views, some alternatives to tree item icons being blank are:

1. Download locally and reference as file URIs
2. Base64 encode and reference as data URIs
3. Use a nice default/placeholder icon

‌

[Matthew Brown]

‌

‌

[Alastair Wilkes]

Related issues: #232 and #330