MediaWiki:Gadget-tooltipPopup-core.js

"use strict";

// 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();
      var tooltip = $(document.createElement('span'));
      tooltip.addClass('title').text($(this).attr('title'));
      tooltip.css('left', 0);
      $(this).append(tooltip);

      // Reposition offscreen tooltip
      var endPosition = tooltip.offset().left + tooltip.width();
      var windowWidth = $(window).width();
      var overflowAmount = Math.max(0, endPosition - windowWidth + 15); // leave 15px right padding
      tooltip.css('left', -overflowAmount);
    } else {
      $title.remove();
    }
  });
}
$(init);