cloneNode() cambia valore di attributo in InternetExplorer 10 e 11

Question

Quando chiamo cloneNode() su un elemento con il nome feGaussianBlur con l'attributo stdDeviation, InternetExplorer (10 e 11) converte sempre il valore di 1.72443e+009.

Ecco un quattro-liner che illustra il problema: https://jsfiddle.net/kytbh4Ls/6/

Se si modifica il nome dell'elemento, utilizzare un nome di attributo diverso o eseguire il violino su qualsiasi altro browser (Chrome, Firefox), tutto ciò che viene eseguito come previsto . L'utilizzo di un valore di attributo diverso non cambierà nulla.

Quale potrebbe essere la ragione di questo comportamento davvero strano? E c'è qualcosa che può essere fatto al riguardo?

Ecco un violino modificato utilizzando jQuery di clone() invece di cloneNode(), purtroppo fatto allo stesso risultato: https://jsfiddle.net/kytbh4Ls/7/

Answer 1

Questo è un chiaro bug in Internet Explorer. Se è vero che Internet Explorer utilizza stdDeviation anziché stdDeviationX e stdDeviationY, la funzione cloneNode() non ha alcun problema con gli attributi. Dovrebbe restituire un clone del nodo, non un nodo con attributi modificati.

È necessario segnalare questo al team di sviluppo di Internet Explorer (se si ha il tempo di farlo). Attualmente tutto ciò che si può probabilmente fare è implementare una soluzione manuale.

Answer 2

Il problema è che IE non usa l'attributo stdDeviation. Invece usa stdDeviationX e stdDeviationY.

Vai a questa violino ... FIDDLE

Ecco la Microsoft page for feGaussianBlur

var element = document.createElementNS('http://www.w3.org/2000/svg', "feGaussianBlur"); 
element.setAttribute('stdDeviationX', 5); 
element.setAttribute('stdDeviationY', 5); 

var clonedElement = element.cloneNode(); 

alert("Original:" + element.getAttribute("stdDeviationX") + ", Cloned:" + clonedElement.getAttribute("stdDeviationX"));