For bootstap 5 you can use:
// get all tooltips
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
// loop trough tooltips
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => {
const tooltip = new bootstrap.Tooltip(tooltipTriggerEl);
// make tooltips visible on load
tooltip.show()
// keep tooltips in view
tooltipTriggerEl.addEventListener('hide.bs.tooltip', (e) => {
e.preventDefault()
})
return tooltip
})
For bootstap 5 you can use:
// get all tooltips
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
// loop trough tooltips
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => {
const tooltip = new bootstrap.Tooltip(tooltipTriggerEl);
// make tooltips visible on load
tooltip.show()
// keep tooltips in view
tooltipTriggerEl.addEventListener('hide.bs.tooltip', (e) => {
e.preventDefault()
})
return tooltip
})
