Rerender on slot change.

dli7319 · dli7319 · commit c9112c34d8a7 · 2025-02-02T06:50:41.000Z
diff --git a/src/ColorPicker.ts b/src/ColorPicker.ts
@@ -119,6 +119,8 @@ export class ColorPicker extends LitElement {
       }
     });
     return html` ${bootstrap}
-      <slot class="d-flex flex-row flex-wrap main-container"> </slot>`;
+      <slot class="d-flex flex-row flex-wrap main-container"
+      @slotchange=${this.render}
+      > </slot>`;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -119,6 +119,8 @@ export class ColorPicker extends LitElement {`
`119`	`119`	`}`
`120`	`120`	`});`
`121`	`121`	return html` ${bootstrap}
`122`		- <slot class="d-flex flex-row flex-wrap main-container"> </slot>`;
	`122`	`+ <slot class="d-flex flex-row flex-wrap main-container"`
	`123`	`+ @slotchange=${this.render}`
	`124`	+ > </slot>`;
`123`	`125`	`}`
`124`	`126`	`}`