Rank 5
Bronze
Bronze
Bronze
Hi.
I have an application where I use the Scheduler and the Tooltip component to show detailed information in the tooltip about the events in the Scheduler. I have to show different information in the tooltip depending on if the event is an allDayEvent or not. I have created a very much simplified example of the application here:
https://stackblitz.com/edit/react-xdkry1?file=app%2Fmain.tsx
The issue is that if I double-click on the allDay items to open the edit dialog, it does not open. The edit dialog only comes up on the non-all-Day events. Can you please have a look at this scenario and let me know what I'm doing wrong and how I can make sure that the edit dialog comes up no matter on which event I click?
I already found out that if I leave out the item parameter in the SchedulerEditItem then it works. But I couldn't figure out what I'm doing wrong.
Thanks!
Greetings,
Bernd
1 Answer, 1 is accepted
Hello Bernd,
I have tested the example that you have shared and I was able to observe the issue in question. After inspecting the implementation I have noticed that the AllDayItem was defined within another component, which forces React to re-mount the component on each change and since the item is re-mounts after the first click, the second click is over another item, so the double click can never be fired. Moving the AllDayItem definition outside of the other component resolves the issue:
Hope this helps.
Regards,
Konstantin Dikov
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.