Update modal component so that plugins load with dynamic content

Fixes #314
statikbe · Apr 18, 2024 · 124ca83 · 124ca83
1 parent 6d33c7a
commit 124ca83
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/tailoff/js/components/modal.component.ts b/tailoff/js/components/modal.component.ts
@@ -2,6 +2,7 @@ import { SiteLang } from '../utils/site-lang';
 import { A11yUtils } from '../utils/a11y';
 import 'wicg-inert';
 import { ModalPlugin, ModalPluginConstructor } from '../plugins/modal/plugin.interface';
+import { DOMHelper } from '../utils/domHelper';
 
 export class ModalComponent {
   private siteLang = SiteLang.getLang();
@@ -64,6 +65,12 @@ export class ModalComponent {
         Array.from(triggers).forEach((trigger) => {
           this.initTrigger(trigger);
         });
+
+        DOMHelper.onDynamicContent(document.documentElement, `.${p.getTriggerClass()}`, (triggers) => {
+          Array.from(triggers).forEach((trigger: Element) => {
+            this.initTrigger(trigger);
+          });
+        });
       });
     }
   }