Подсказки для мышки, (Tippy, Tooltip.js) на Fullcalendar - PullRequest
Новая
       56

Подсказки для мышки, (Tippy, Tooltip.js) на Fullcalendar

1 голос
/ 24 октября 2019

я реализовал Tippy (https://unpkg.com/tippy.js@0.2.6/docs/index.html) как библиотеку всплывающих подсказок для Fullcalendar (https://fullcalendar.io/)

У меня есть это в функции eventRender fullcalendar: 

    eventRender(info) {
      info.el.setAttribute('id', info.event.id);
      let  eventWidth = 0;
      let relX = 0;
      let relY = 0;
      let relOffsetX = 0;

      $( info.el).mouseover(function( event ) { //info.el -> html element
        relX = event.pageX - $(this).offset().left;
        relY = event.pageY - $(this).offset().top;
        eventWidth = document.getElementById(info.event.id).offsetWidth;
        relOffsetX = relX - eventWidth / 2; // not finished but atm nothing is set as offset
        tippy(info.el, {
          content:  `${info.event.extendedProps.listTitle  } / ${   info.event.extendedProps.swimlaneTitle}`,
          offset: relOffsetX,
        });
      });

Смещениеправильно рассчитан, но не работает, подсказка всегда находится в том же положении, игнорируя положение мыши.

Может ли кто-нибудь помочь?

Я бы также принял в качестве альтернативного решения другой узел всплывающей подсказки илипакет метеора, который работает лучше.

...