embed tag causing error in console

Question

I have an embed tag displaying a SVG: <embed src="/img/mysvg.svg" style="max-width: 100%">

It's causing an error in the console:

When I comment out the embed tag the error goes away. Any ideas why this is happening?

I don't think it should be a factor but it's also inside a blade in a Laravel project

I get the same error in Safari except it's in kwift.SAFARI.min.js:1

I don't have any JS linked to this page yet, that's why it's strange that it's causing a JS error — Ben Roberts, Aug 13 '17 at 18:29

Dlniya Dlzar · Answer 1 · 2017-08-13T20:01:10.420

0

why you use embed tag , Chrome Dev tool thinks is wrong , actuality it is not wrong in HTML , but better use img tag

<img src="/img/mysvg.svg" style="max-width: 100%"/>

edited Aug 13 '17 at 20:01

answered Aug 13 '17 at 18:48

Dlniya Dlzar

I originally had it as a void element and only put the closing tag to see if it would remove the error but the error is still there – Ben Roberts Aug 13 '17 at 19:22
why you are using embed tag for svg file ?? – Dlniya Dlzar Aug 13 '17 at 19:48
by default svg is not supported in embed tag , HTML will show the file but Chrome dev tool will not recognize it , and says TypeError , so better use – Dlniya Dlzar Aug 13 '17 at 19:52
or you can simple use tag – Dlniya Dlzar Aug 13 '17 at 19:59
I tried an img tag and the image wouldn't display. I also tried `` and am still getting the same error – Ben Roberts Aug 13 '17 at 20:11

1 Answers1