Tooltip renders on Modal but stays hidden

问题

I have a full calendar inside a bootstrap modal.

<div class="modal-body" id="tooltip-container">
     <div id="calendar"></div></div>

I was trying to add a tooltip with a button. And it worked on jsfiddle. The calendar is loaded just fine.

function calendar(eventsArr) {
     var calendarEl = document.getElementById('calendar');
     var calendar = new FullCalendar.Calendar(calendarEl, {
         plugins: ['dayGrid'],
         defaultView: 'dayGridMonth',
         defaultDate: '2020-02-12',
         events: eventsArr,
         eventRender: function (info) {
             new Tooltip(info.el, {
                 html: true,
                 title: `
                  <div class="row"><button>test</button></div>`,
                 placement: 'top',
                 trigger: 'click',
                 container: '#tooltip-container'
             });
         }
     });
     calendar.render();
 }

As you might have guessed, the tooltip does not work. I read that having tooltips on modals mean that I have to change container to something inside the modal. I tried that, I also tried adding template attribute. Any Ideas?

来源：https://stackoverflow.com/questions/60484926/tooltip-renders-on-modal-but-stays-hidden