Tooltip in fullcalendar scheduler doesn't work Tooltip in fullcalendar scheduler doesn't work

I tried to add tooltips to fullcalendar-scheduler 5.8 but could not achieve this functionality.

In fullcalendar-scheduler template I added the "tooltip" and "popper" libraries and CSS who works with simple fullcalendar but no results. My template starting point was https://fullcalendar.io/docs/event-tooltip-demo

Tooltip template example image

On Javascript code I've used "EventDidMount" function because I understand is the correct and latest way to do it.

eventDidMount: function(info) {
  var tooltip = new Tooltip(info.el, {
    title: info.event.extendedProps.description,
    placement: 'top',
    trigger: 'hover',
    container: 'body'
  });
},

At other hand, when I try this with standard fullcalendar the tooltips are visible and appear as expected.

It's possible to add tooltips to premium fullcalendar? And if possible, where is my mistake, please?

You can see my example in Codepen...

https://codepen.io/angelbonet/pen/poeMOaW



from Stackoverflow

Comments

Post a Comment

Popular posts from this blog

Detox gets stuck on JS Timer/Main Run Loop when registering a lot of screens with React Native Navigation Detox gets stuck on JS Timer/Main Run Loop when registering a lot of screens with React Native Navigation

I have a React Native app that is using React Native Navigation, and this app registers a lot of screens with RNN at bootup (83 screens, to be precise). When I try to run a Detox E2E test against the app, Detox reports that the system is busy: detox[1831] INFO: [APP_STATUS] The system is busy with the following tasks: Dispatch Queue ⏱ Queue: “Main Queue (<OS_dispatch_queue_main: com.apple.main-thread>)” with 1 work item JS Timer ⏱ 3536 Run Loop ⏱ “Main Run Loop” One thing I've found that prevents this is when I comment out most of the RNN screen registration calls, leaving only the essential screens to run the tests. When I do that, the Detox tests run just fine. What also helped was to switch all of the import calls for the RNN screens being registered to inline require s. But this loses us our type checking for all of those screen components. I have tried using Navigation.setLazyComponentRegistrator() and I still get the Detox timeouts. I've been all over the a...
Read more

How to extract items from a subarray and push them to the main array

I'm doing a type speed test and, for this, I'll need to get a random item from an array, split every letter, push it to a new one and re-do this several times. But, every time I split the string from the first array, returns to my new array a subarray, instead of just letters. How can I extract everything from the subarrays and put into my main array? var Pokemon = ["Bulbasaur","Ivysaur","Venusaur","Charmander","Charmeleon","Charizard","Squirtle","Wartortle","Blastoise","Caterpie","Metapod","Butterfree","Weedle","Kakuna","Beedrill","Pidgey","Pidgeotto","Pidgeot","Rattata","Raticate","Spearow","Fearow","Ekans","Arbok","Pikachu","Raichu","Sandshrew","Sandslash","Nidoran","Nidorina",...
Read more

\\u0000 cannot be converted to text error \\u0000 cannot be converted to text error

I am using NextJS and supabase to insert some data into PostgreSQL database. Data is array of objects. The error is like this \\u0000 cannot be converted to text. unsupported Unicode escape sequence . There is no unicode character like \\u0000 in my data. There is a error response but I cant see which keys value is causing the error. Is there any way to resolve this issue? const Data = async (req, res) => { try { const { data, error } = await supabase.from('db').insert([]) return res.status(200).json({ data: data, error: error, }); } catch (error) { console.log(error); } } from Stackoverflow
Read more