Fix issue rendering content within HTMLElement (#2506)

withastro · Jan 31, 2022 · 187d512 · 187d512
1 parent 4ddb44c
commit 187d512
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/.changeset/calm-suns-give.md b/.changeset/calm-suns-give.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Fix an issue rendering content within HTMLElement
diff --git a/packages/astro/src/runtime/server/index.ts b/packages/astro/src/runtime/server/index.ts
@@ -442,7 +442,7 @@ export async function renderAstroComponent(component: InstanceType<typeof AstroC
  return template;
 }
 
-export async function renderHTMLElement(result: SSRResult, constructor: typeof HTMLElement, props: any, children: any) {
+export async function renderHTMLElement(result: SSRResult, constructor: typeof HTMLElement, props: any, slots: any) {
  const name = getHTMLElementName(constructor);
 
  let attrHTML = '';
@@ -451,12 +451,7 @@ export async function renderHTMLElement(result: SSRResult, constructor: typeof H
  attrHTML += ` ${attr}="${toAttributeString(await props[attr])}"`;
  }
 
- children = await children;
- children = children == null ? children : '';
-
- const html = `<${name}${attrHTML}>${children}</${name}>`;
-
- return html;
+ return `<${name}${attrHTML}>${await renderSlot(result, slots?.default)}</${name}>`;
 }
 
 function getHTMLElementName(constructor: typeof HTMLElement) {