Всплывающая подсказка с полным календарем работает неправильно, если параметр отображения события равен фону

Question

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

Ответ Антонио Сантисе работал, чтобы показатьвсплывающие подсказки, однако, когда я устанавливаю опцию рендеринга события в качестве «фона», отображается только всплывающая подсказка последнего события. Может ли кто-нибудь помочь мне избежать такого поведения и показать все всплывающие подсказки о событии?

Мой код:

• Получение данных с моделью Ларавела

public function index() {
    $eventos = EventoCalendario::selectRaw('id, \'true\' as allDay, title, data as start, data as end, color, is_facultativo, \'background\' as rendering')
                        ->orderBy('data')
                        ->get();

    return view('eventoscalendario.index', compact('eventos'));
}

• Опции Fullcalendar

events: {!! $eventos !!},
eventRender: function(info) {
   $(info.el).tooltip({
          title: info.event.title,
          html: true
   });
}

Заранее спасибо!

Answer 1

Команда Fullcalendar предложила «скелет», который решил описанную проблему. Тем не менее, они все еще работают над исправлением этого в следующем выпуске.

Нажмите здесь, чтобы проверить проблему # 5110 в репозитории Fullcalendar

РЕШЕНИЕ:

Просто вставьте код CSS ниже на своей странице.

.fc-bgevent-skeleton {
  pointer-events: none;
}
.fc-bgevent-skeleton .fc-bgevent {
  pointer-events: auto;
}
.fc-content-skeleton {
  pointer-events: none;
}
.fc-content-skeleton .fc-event {
  pointer-events: auto;
}