diff --git a/src/compiler/compile/render_dom/wrappers/Element/index.ts b/src/compiler/compile/render_dom/wrappers/Element/index.ts index 0ad46618fa..4f0b49729c 100644 --- a/src/compiler/compile/render_dom/wrappers/Element/index.ts +++ b/src/compiler/compile/render_dom/wrappers/Element/index.ts @@ -806,12 +806,14 @@ export default class ElementWrapper extends Wrapper { if (this.node.is_dynamic_element) { // call attribute bindings for custom element if tag is custom element const tag = this.node.tag_expr.manipulate(block); - const attr_update = b` - if (/-/.test(${tag})) { - @set_custom_element_data_map(${this.var}, ${data}); - } else { - ${fn}(${this.var}, ${data}); - }`; + const attr_update = this.node.namespace === namespaces.svg + ? b`${fn}(${this.var}, ${data});` + : b` + if (/-/.test(${tag})) { + @set_custom_element_data_map(${this.var}, ${data}); + } else { + ${fn}(${this.var}, ${data}); + }`; block.chunks.hydrate.push(attr_update); block.chunks.update.push(b` ${data} = @get_spread_update(${levels}, [${updates}]); diff --git a/test/js/samples/svelte-element-svg/expected.js b/test/js/samples/svelte-element-svg/expected.js index f9ca24ff30..36ce583ef1 100644 --- a/test/js/samples/svelte-element-svg/expected.js +++ b/test/js/samples/svelte-element-svg/expected.js @@ -48,8 +48,10 @@ function create_dynamic_element(ctx) { append(svelte_element1, svelte_element0); }, p(ctx, dirty) { - set_svg_attributes(svelte_element0, svelte_element0_data = get_spread_update(svelte_element0_levels, [{ xmlns: "http://www.w3.org/2000/svg" }])); - set_svg_attributes(svelte_element1, svelte_element1_data = get_spread_update(svelte_element1_levels, [{ xmlns: "http://www.w3.org/2000/svg" }])); + svelte_element0_data = get_spread_update(svelte_element0_levels, [{ xmlns: "http://www.w3.org/2000/svg" }]); + set_svg_attributes(svelte_element0, svelte_element0_data); + svelte_element1_data = get_spread_update(svelte_element1_levels, [{ xmlns: "http://www.w3.org/2000/svg" }]); + set_svg_attributes(svelte_element1, svelte_element1_data); }, d(detaching) { if (detaching) detach(svelte_element1); @@ -108,4 +110,4 @@ class Component extends SvelteComponent { } } -export default Component; \ No newline at end of file +export default Component;