From 5e1f480c1be8d756c77685ae9c9c31e98187d0c8 Mon Sep 17 00:00:00 2001
From: Michal Wolny <michal.wolny@versum.pl>
Date: Wed, 13 Jan 2021 20:09:30 +0100
Subject: [PATCH] [dev-toasts-initialization] initialize toasts on app start

---
 src/js/tabler.js                  | 5 +++++
 src/pages/_includes/ui/toast.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/js/tabler.js b/src/js/tabler.js
index f221ae301..fe8e52a4b 100644
--- 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
index ba1904696..cec8a2764 100644
--- 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" %}