diff --git a/src/compiler/compile/render_ssr/handlers/Element.ts b/src/compiler/compile/render_ssr/handlers/Element.ts index dee8add210..8de08c51f3 100644 --- a/src/compiler/compile/render_ssr/handlers/Element.ts +++ b/src/compiler/compile/render_ssr/handlers/Element.ts @@ -115,7 +115,7 @@ export default function(node: Element, renderer: Renderer, options: RenderOption args.push(x`{ ${attribute.name}: ${attribute.chunks[0].node} }`); } else if (attribute.name === 'class' && class_expression) { // Add class expression - args.push(x`{ ${attribute.name}: [${get_class_attribute_value(attribute)}, ${class_expression}}].join(' ').trim() }`); + args.push(x`{ ${attribute.name}: [${get_class_attribute_value(attribute)}, ${class_expression}].join(' ').trim() }`); } else { args.push(x`{ ${attribute.name}: ${attribute.name === 'class' ? get_class_attribute_value(attribute) : get_attribute_value(attribute, true)} }`); } @@ -193,9 +193,17 @@ export default function(node: Element, renderer: Renderer, options: RenderOption } else { renderer.add_expression(node_contents); } + + if (!is_void(node.name)) { + renderer.add_string(``); + } } else if (slot && nearest_inline_component) { renderer.render(node.children, options); + if (!is_void(node.name)) { + renderer.add_string(``); + } + const lets = node.lets; const seen = new Set(lets.map(l => l.name.name)); @@ -209,9 +217,9 @@ export default function(node: Element, renderer: Renderer, options: RenderOption }); } else { renderer.render(node.children, options); - } - if (!is_void(node.name)) { - renderer.add_string(``); + if (!is_void(node.name)) { + renderer.add_string(``); + } } }