diff --git a/site/assets/js/application.js b/site/assets/js/application.js index 1719ed9f2a..0603f52c3a 100644 --- a/site/assets/js/application.js +++ b/site/assets/js/application.js @@ -127,22 +127,24 @@ /** * - * @param {HTMLButtonElement} btn + * @param {string} selector * @param {string} title */ - function snippetButtonTooltip(btn, title) { - var tooltipBtn = new bootstrap.Tooltip(btn, { title: title }) + function snippetButtonTooltip(selector, title) { + document.querySelectorAll(selector).forEach(function (btn) { + var tooltipBtn = new bootstrap.Tooltip(btn, { title: title }) - btn.addEventListener('mouseleave', function () { - // Explicitly hide tooltip, since after clicking it remains - // focused (as it's a button), so tooltip would otherwise - // remain visible until focus is moved away - tooltipBtn.hide() + btn.addEventListener('mouseleave', function () { + // Explicitly hide tooltip, since after clicking it remains + // focused (as it's a button), so tooltip would otherwise + // remain visible until focus is moved away + tooltipBtn.hide() + }) }) } - snippetButtonTooltip(document.querySelector('.btn-clipboard'), 'Copy to clipboard') - snippetButtonTooltip(document.querySelector('.btn-edit'), 'Edit on Stackblitz') + snippetButtonTooltip('.btn-clipboard', 'Copy to clipboard') + snippetButtonTooltip('.btn-edit', 'Edit on Stackblitz') var clipboard = new ClipboardJS('.btn-clipboard', { target: function (trigger) {