MediaWiki:Gadget-tooltipPopup-core.js

< Gadgets-definition

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);