fix: add event listener add the end

ZEISS · Nov 6, 2024 · e49640c · e49640c
1 parent c03a7f0
commit e49640c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@htmx/htmx-toasts",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A simple toast notification system for htmx",
   "repository": "zeiss/htmx-toasts",
   "type": "module",

diff --git a/src/index.ts b/src/index.ts
@@ -54,8 +54,6 @@ export class HTMXToastsElement extends HTMLElement {
   notifications = new Array<Notification>()
 
   connectedCallback(): void {
-    window.addEventListener('htmx-toasts:notify', ((e: CustomEvent<Notify>) => this.addToast(e)) as EventListener)
-
     if (!this.hasAttribute('role')) {
       this.setAttribute('role', 'alert')
     }
@@ -75,6 +73,8 @@ export class HTMXToastsElement extends HTMLElement {
     styles.href = 'https://unpkg.com/[email protected]/dist/out.css'
     styles.type = 'text/css'
     this.shadowRoot?.appendChild(styles)
+
+    window.addEventListener('htmx-toasts:notify', ((e: CustomEvent<Notify>) => this.addToast(e)) as EventListener)
   }
 
   disconnectedCallback(): void {