<img> tags with SVG source file break in Vue template

[loilo]

🐛 bug report

Description of the problem

When using an <img> tag with an SVG source file (using a relative path, so it's handled by webpack), CodeSandbox tries to inline the SVG code into the src attribute of the <img> tag, which naturally does not work.

How has this issue affected you? What are you trying to accomplish?

I wanted to display an SVG image but I couldn't. 🙂
(FWIW, it works to just put the SVG in the public folder and serve it from there, statically. However I think this is still a bug that should get fixed.)

Link to sandbox

Your Environment

Software	Name/Version
Сodesandbox	PROD-1553733958-f0fde446a
Browser	72.0.3626.121
Operating System	macOS 10.14.4 Beta

[pjchender]

Same here as in React template.

[github-actions]

This issue is stale because it has been open many days with no activity. It will be closed soon unless the stale label is removed or a comment is made.

[loilo]

Bump @github-actions, issue still occurs.

[github-actions]

This issue has automatically been marked stale because there has been no activity in a while. Please leave a comment if the issue has not been resolved, or if it is not stale for any other reason. After 2 weeks, this issue will automatically be closed, unless a comment is made or the stale label is removed.

[loilo]

This is still broken so should probably not be closed.

[github-actions]

This issue has automatically been marked stale because there has been no activity in a while. Please leave a comment if the issue has not been resolved, or if it is not stale for any other reason. After 2 weeks, this issue will automatically be closed, unless a comment is made or the stale label is removed.

[loilo]

Still broken @github-actions.