SVG problem in Internet Explorer

Ask the community
,
1

Whenever I try to change the src of an svg using Wix Code, it works on Chrome, but doesn’t on Internet Explorer.
Here’s the SVG code:

<svg height="400" width="880"><rect width="100%" height="100%" fill="rgb(255,255,255)"/><rect x="0" y="0" width="81" height="81" fill="rgb(179,146,5)"/><rect x="560" y="160" width="81" height="81" fill="rgb(67,123,235)"/><rect x="0" y="80" width="81" height="81" fill="rgb(0,0,0)"/><rect x="80" y="80" width="81" height="81" fill="rgb(0,0,0)"/><rect x="160" y="80" width="81" height="81" fill="rgb(0,0,0)"/><rect x="720" y="240" width="81" height="81" fill="rgb(0,0,0)"/><rect x="640" y="240" width="81" height="81" fill="rgb(0,0,0)"/><rect x="480" y="240" width="81" height="81" fill="rgb(0,0,0)"/><rect x="560" y="240" width="81" height="81" fill="rgb(0,0,0)"/><rect x="160" y="240" width="81" height="81" fill="rgb(0,0,0)"/><rect x="80" y="240" width="81" height="81" fill="rgb(0,0,0)"/><rect x="240" y="240" width="81" height="81" fill="rgb(0,0,0)"/><rect x="320" y="240" width="81" height="81" fill="rgb(0,0,0)"/><rect x="480" y="160" width="81" height="81" fill="rgb(0,0,0)"/><rect x="480" y="80" width="81" height="81" fill="rgb(0,0,0)"/><rect x="560" y="80" width="81" height="81" fill="rgb(0,0,0)"/><rect x="640" y="80" width="81" height="81" fill="rgb(0,0,0)"/><rect x="400" y="80" width="81" height="81" fill="rgb(0,0,0)"/><rect x="320" y="0" width="81" height="81" fill="rgb(0,0,0)"/><rect x="320" y="80" width="81" height="81" fill="rgb(0,0,0)"/><rect x="800" y="80" width="81" height="81" fill="rgb(0,0,0)"/></svg>

When you enter this page you should see something like this:


but in IE it’s just blank. However, if I go to Inspect element on IE, select the svg, which only contains:

<svg xmlns="http://www.w3.org/2000/svg" role="img" style="stroke-width: 0px;" viewBox="0 0 0 0" preserveAspectRatio="xMidYMid meet" type="shape"><g /></svg>

and replace it with the correct svg code, it displays it. So I guess it’s a Wix Code related problem.
Does anyone have a clue?

2

While Wix was previously compatible with Internet Explorer, Wix is now only compatible with the latest versions of Chrome, Firefox, Safari, and Edge.
https://support.wix.com/en/article/wix-compatibility-with-internet-explorer

As it works in Chrome and not IE, try the same as above in Firefox, Edge and Safari and see if you get the correct result.

If you do then it might not be an issue with any of your code on your website, it might just be down to the fact that Wix doesn’t support IE anymore and therefore aren’t worried if any element within Wix Code doesn’t work or is now not compatible in IE yet works on all the latest versions of Edge, Chrome, Firefox and Safari.

3

Hi, thanks for the reply. I already know that but I really need to use Internet Explorer for something…
So do you know any way to make it work in IE?

4

@pptgames Just curious why you need IE? MS has already dropped support for it and given up on its successor as well…

5

@skmedia I want to make a Windows .NET application which ‘connects’ with my wix site. But it uses IE for the WebBrowser control.

6

@pptgames Might be better to create your element in CSS, as both Xamarin and Wix iframes support it. IE has been the redheaded stepchild technologically for a long time.

Or you could try this: javascript - SVG support for Internet Explorer 8 and below - Stack Overflow