slotを使用

uzabase · Nov 4, 2024 · 8e7fd14 · 8e7fd14
1 parent 41d5661
commit 8e7fd14
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/components/definitionList/sp-definition-list.ts b/src/components/definitionList/sp-definition-list.ts
@@ -10,6 +10,7 @@ styles.replaceSync(`${resetStyle} ${foundationStyle} ${spDefinitionListStyle}`);
 
 export class SpDefinitionList extends HTMLElement {
   #dlElement = document.createElement("dl");
+  #slotElement = document.createElement("slot");
 
   constructor() {
     super();
@@ -22,9 +23,7 @@ export class SpDefinitionList extends HTMLElement {
       styles,
     ];
     this.#dlElement.classList.add("base");
-    while (this.firstChild) {
-      this.#dlElement.appendChild(this.firstChild);
-    }
+    this.#dlElement.appendChild(this.#slotElement);
     this.shadowRoot.appendChild(this.#dlElement);
   }
 }