Skip to content

fix live toast demo #37590

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mdo merged 7 commits into from
Jan 3, 2023
Merged

fix live toast demo #37590

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
f99396a
fix live toast demo
AucT Dec 6, 2022
e4f2abc
Fix live toast demo
AucT Dec 6, 2022
38255da
Update snippets.js
XhmikosR Dec 26, 2022
433e454
Update toasts.md
XhmikosR Dec 26, 2022
9d2c51c
Merge branch 'main' into pr/37590
mdo Dec 26, 2022
3e5297c
Update snippets.js
XhmikosR Dec 27, 2022
4268e31
Code review comments addressed
mdo Jan 3, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions site/assets/js/snippets.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
// --------
// Tooltips
// --------
// Instantiate all tooltips in a docs or StackBlitz page
// Instantiate all tooltips in a docs or StackBlitz
document.querySelectorAll('[data-bs-toggle="tooltip"]')
.forEach(tooltip => {
new bootstrap.Tooltip(tooltip)
Expand All @@ -29,7 +29,7 @@
// --------
// Popovers
// --------
// Instantiate all popovers in a docs or StackBlitz page
// Instantiate all popovers in docs or StackBlitz
document.querySelectorAll('[data-bs-toggle="popover"]')
.forEach(popover => {
new bootstrap.Popover(popover)
Expand All @@ -50,7 +50,7 @@
})
}

// Instantiate all toasts in a docs page only
// Instantiate all toasts in docs pages only
document.querySelectorAll('.bd-example .toast')
.forEach(toastNode => {
const toast = new bootstrap.Toast(toastNode, {
Expand All @@ -60,14 +60,14 @@
toast.show()
})

// Instantiate all toasts in a docs page only
// Instantiate all toasts in docs pages only
const toastTrigger = document.getElementById('liveToastBtn')
const toastLiveExample = document.getElementById('liveToast')

if (toastTrigger) {
const toastBootstrap = bootstrap.Toast.getOrCreateInstance(toastLiveExample)
toastTrigger.addEventListener('click', () => {
const toast = new bootstrap.Toast(toastLiveExample)
Comment thread
mdo marked this conversation as resolved.

toast.show()
toastBootstrap.show()
})
}

Expand Down Expand Up @@ -99,7 +99,7 @@
// --------
// Carousels
// --------
// Instantiate all non-autoplaying carousels in a docs or StackBlitz page
// Instantiate all non-autoplaying carousels in docs or StackBlitz
document.querySelectorAll('.carousel:not([data-bs-ride="carousel"])')
.forEach(carousel => {
bootstrap.Carousel.getOrCreateInstance(carousel)
Expand Down
6 changes: 3 additions & 3 deletions site/content/docs/5.3/components/toasts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,11 +90,11 @@ We use the following JavaScript to trigger our live toast demo:
```js
const toastTrigger = document.getElementById('liveToastBtn')
const toastLiveExample = document.getElementById('liveToast')

if (toastTrigger) {
const toastBootstrap = bootstrap.Toast.getOrCreateInstance(toastLiveExample)
toastTrigger.addEventListener('click', () => {
const toast = new bootstrap.Toast(toastLiveExample)
Comment thread
mdo marked this conversation as resolved.

toast.show()
toastBootstrap.show()
})
}
```
Expand Down