Steps to reproduce
Load above code snippet in internet explorer 11 or Edge and check the log output or inspect the actual values for the original and the copy
NOTE: you will need to execute the following from the console to see the values
var Filter = document.getElementById(“floating-shadow”);
then type the following from the console to see the values.
var Result = document.importNode(Filter, true);
I have attached a screenshot of the console that will show you how to repro.
importNode should make a functional identical copy.
Dev Channel specific:
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Mara P.”
Changed Assigned To to “Christian F.”
Changed Assigned To to “Rossen A.”
Changed Assigned To from “Rossen A.” to “IE S.”
Changed Status to “Not reproducible”
Changed Assigned To from “IE S.” to “Bogdan B.”
Changed Status from “Not reproducible”
You need to fix the radius attribute in the femorphology element as well. It appears to have the same issue. You should probably also check all other filter elements and their attributes to be sure there are not others.
I’m having this issue too a lot of times for years now with several SVGs that are absolutely fully fine. All other browsers never had any problem with this. But IE11 and Edge do.
This issue still isn’t solved. As said it’s converting just regular floating point values like ‘5.6’ to strange scientific values. And because of that effects like gaussian blur don’t work!
This issue is even still there in Ms Edge!!! (september 30th 2018)
It’s crazy importNode() is changing values.
Please Microsoft, take this issue seriously and fix it!!!
Importing svg is worthless if we have to fix all values after an import everytime.