Блог

мне нужно предложение по поводу fullcalendar и tippyjs (https://atomiks.github.io/tippyjs/). итак, это мое событие в fullcalendar:

так что, как вы можете видеть при наведении курсора мыши на событие, я показываю типпи js вот так:

   eventMouseEnter(ev: any) {
console.log('eventMouseEnter: ', ev.el);
const template = document.getElementById('template');
tippy(ev.el, {
  content: template.innerHTML,
  allowHTML: true,
  interactive: true,
  interactiveBorder: 30,
  zIndex: 999999999999999999999999,
  theme: 'light'
})
 

}

это мой html-код:

 <div id="template" tabindex="0">
  <div class="tippy-box" tabindex="0">
    <button mat-raised-button tabindex="0">button</button>
    <span tabindex="0">
      <select>
        <option>one</option>
      </select>
    </span>
  </div>
</div>
 

проблема в том, что я не могу нажать кнопку или выбрать…каждый щелчок, который возвращает мое событие, находится на событии fullcalendar, но не на кнопке tippy js…
как я могу это решить? Мне нужно, чтобы щелчок фокусировался только на всплывающей подсказке tippy js при открытии.

Спасибо