#javascript #angular #fullcalendar #tippyjs
Вопрос:
мне нужно предложение по поводу 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 при открытии.
Спасибо
Комментарии:
1. Вы не пробовали позвонить
stopPropagation
? на мероприятии?2. куда обращаться?
3. Правильно ли я понял, как только вы нажимаете на кнопку или выбираете, подсказка закрывается, а затем в каком-то коде запускается событие календаря?
4. Всплывающая подсказка остается открытой, но событие выполняется на fullcalendar