From fa3fde986f979aea688f6567e8a94abc57c2168f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= Date: Thu, 14 Nov 2024 16:06:28 +0100 Subject: [PATCH] fix: initialize htmx on dynamically loaded dom nodes --- .../Private/Assets/js/controllers/ajax_content_controller.js | 1 + .../Resources/Private/Assets/js/controllers/search_controller.js | 1 + .../Private/Assets/js/controllers/watchlist_controller.js | 1 + 3 files changed, 3 insertions(+) diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/ajax_content_controller.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/ajax_content_controller.js index 86e4d20f..c3137608 100644 --- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/ajax_content_controller.js +++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/ajax_content_controller.js @@ -50,6 +50,7 @@ export default class extends Controller { this.loadedValue = true this.containerTarget.innerHTML = html this.triggerTarget.remove() + htmx.process(this.containerTarget) }) .catch(() => { this.loadedValue = false diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/search_controller.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/search_controller.js index 34242a83..8132fb19 100644 --- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/search_controller.js +++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/search_controller.js @@ -39,6 +39,7 @@ export default class extends Controller { .then(html => { this.resultsContainerTarget.innerHTML = html window.scroll({ top: 0, left: 0, behavior: 'smooth' }) + htmx.process(this.resultsContainerTarget) }) .finally(() => { this.loadingValue = false diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/watchlist_controller.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/watchlist_controller.js index 7c6ab24c..5999523b 100644 --- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/watchlist_controller.js +++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/watchlist_controller.js @@ -28,6 +28,7 @@ export default class extends Controller { .then(this.parseHTML) .then(html => { this.containerTarget.innerHTML = html + htmx.process(this.containerTarget) }) .finally(() => { this.loadingValue = false