SVG Element no es un SVGElement real

Comportamiento Uso un código Javascript externo que reemplaza dinámicamente algunos elementos SVG según sus atributos. El código Javascript primero comprueba el tipo del elemento a validar, que es un SVGElement así:

'document.querySelector('#someId') instancia de SVGElement'

El código devuelve Verdadero en Firefox pero Falso en Safari y Chrome, aunque puedo verificar en la pestaña de Propiedades de Chrome que efectivamente es de tipo SVGElement.

Cómo creo el Elemento SVG Probé diferentes cosas pero acabé usando un plugin.

component.js '''javascript domc.addType('myType', { isComponent: function(el) { if(el.tagName == 'svg' && el.classList && el.classList.contains('someClass')) return {type: 'myType'}; }, extiende: 'svg', modelo: { Predeterminados: { Tipo: 'SVG', etiquetaNombre: 'svg', nombre: 'SomeName', rasgos: [...], atributos: { clase:'algunaClase', ... }, script: función () { console.log(document.querySelector('.someClass')); console.log(document.querySelector('.someClass') instancia de SVGElement) ... }, } } });

**_blocks.js_**
'''javascript
bm.add('myBlock', {
    etiqueta: 'algunaEtiqueta',
    categoría: 'algunaCategoría',
    nombre: 'nombreBloque',
    contenido: '<svg class="someClass"\
                ...\
              '</svg>
});

Información adicional Según esto: https://stackoverflow.com/questions/24174975/document-createelementsvg-instanceof-svgelement-is-false Los elementos SVG son especiales, pero por lo que veo en src/dom_components/view/ComponentSvgView.js supongo que están creados correctamente.

Por supuesto, no hay nada malo en el código HTML generado al usarlo, ya que los navegadores usan el SVG correcto, simplemente no aparece al editar en GrapesJS.