MediaWiki:Gadget-tooltipPopup-core.js
After saving, you may need to bypass your browser's cache to see the changes. For further information, see Wikipedia:Bypass your cache.
- In most Windows and Linux browsers: Hold down Ctrl and press F5.
- In Safari: Hold down ⇧ Shift and click the Reload button.
- In Chrome and Firefox for Mac: Hold down both ⌘ Cmd+⇧ Shift and press R.
// Adapted from
// https://stackoverflow.com/questions/12539006/tooltips-for-mobile-browsers
function init() {
$('.add-tooltip-popup').click(function () {
var $title = $(this).find('.title');
if (!$title.length) {
// Remove any existing tooltips
$('.add-tooltip-popup .title').remove();
const tooltip = $(document.createElement('span'));
tooltip.addClass('title').text($(this).attr('title'));
tooltip.css('left', 0);
$(this).append(tooltip);
// Reposition offscreen tooltip
const endPosition = tooltip.offset().left + tooltip.width();
const windowWidth = $(window).width();
const overflowAmount = Math.max(0, endPosition - windowWidth + 15); // leave 15px right padding
tooltip.css('left', -overflowAmount);
} else {
$title.remove();
}
});
}
$(init);