[dev-toasts-initialization] initialize toasts on app start

tabler · Jan 13, 2021 · 5e1f480 · 5e1f480
1 parent 201a967
commit 5e1f480
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/js/tabler.js b/src/js/tabler.js
@@ -44,4 +44,9 @@ import './dropdown';
 		});
 	});
 
+	let toastsTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="toast"]'));
+	toastsTriggerList.map(function (toastTriggerEl) {
+		return new bootstrap.Toast(toastTriggerEl);
+	});
+
 })();
diff --git a/src/pages/_includes/ui/toast.html b/src/pages/_includes/ui/toast.html
@@ -1,6 +1,6 @@
 {% assign person-id = include.person-id | default: 2 %}
 {% assign person = site.data.people[person-id] %}
-<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-bs-toggle="toast">
+<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="false" data-bs-toggle="toast">
 	{% unless include.hide-header %}
 	<div class="toast-header">
 		{% include ui/avatar.html person=person class="me-2" size="xs" %}