OnEventClick event does not fire in deployed blazor app (works locally)

Hello,

I have a bit of a strange issue. When I test the app locally the event fires when I click the appointment no issues there. However, when we deploy the app to Azure the OnEventClick sometimes doesn't work. Through live logging we've determined the event isn't even firing at all, like it wasn't properly bound to the element or something.

I'm not entirely sure how to give you more info on this. It's only an issue that comes up when deployed to a live server, local host shows no issues and it only happens some of the time, usually after navigating forward/backward in time through the scheduler pages. I tried to upload a gif of the issue but the file type isn't allowed here.

I've put together a demo app that mostly follows our production app but I can't reproduce the error. Obviously something is causing the issue in the main app but it gives no errors or any indication as to what the actual issue is.

Running Blazor Server .Net 5

Syncfusion version 19.3.0.46

How do I go about fixing this?




5 Replies

SK Satheesh Kumar Balasubramanian Syncfusion Team November 10, 2021 07:21 AM UTC

Hi Dylan, 
  
Thanks for using Syncfusion Products. 
  
We have validated your reported query "OnEventClick event does not fire in deployed blazor app" based on your shared details and let you know that OnEventClick event fire properly in Azure link. 
  
  
Could you please share the below details to reproduce the issue? This will help to validate the issue and provide prompt solution at earliest.    
  • Share all schedule related code snippets
  • Share issue depicting image(or)video
  
Regards, 
Satheesh Kumar B 



DL Dylan Lyon November 11, 2021 10:09 PM UTC

Here is a pastebin of the SfSchedule component code. https://pastebin.com/nWE7gGck If you need more code context let me know but there is quite a bit of code behind the scenes and I'd rather not have to post the entire app code if I don't need to.

Basically the issue is that when I click on the event I want to open the QuickInfoPopup which should happen automatically but sometimes in a live environment it does not work. 

I've also uploaded some gifs of the issue happening and not happening.

https://gfycat.com/unkemptmediocrebushsqueaker Not working
https://gfycat.com/academicmaleharrierhawk Working
These examples are running in the exact same app and taken 30 seconds apart from each other.

I believe the issue mainly happens in TimelineMonth view. It might also have something to do with using the forward and back arrows to navigate through months in the TimelineMonth view. You can see where I've added the @onclick=OpenPopupJS to try open the popup manually by calling OpenQuickInfoPopupAsync in the function and work around the issue in the event template but that does not work either. The function never gets fired even.

In the OnEventClick function I'm just logging the function call and then attempting to open the quickinfopopup

    private async Task OnEventClick(EventClickArgs<ActivityModel> args)

    {

        logger.LogInformation("Event Clicked: {EventSubject}", args.Event.Subject);

        args.Cancel = true;

        await _sch.OpenQuickInfoPopupAsync(args.Event);

    }

When we look into the logs of the running app on a live server it shows that the function never even gets called when the issue occurs. 



VM Vengatesh Maniraj Syncfusion Team November 12, 2021 10:45 AM UTC

Hi Dylan, 
 
Thanks for the update. 
 
We have validated all your shared details and tried to make the sample based on your shared codes to check the reported problem but we need the ScheduleQuickInfoTemplates section to proceed further at our end. Because we suspect that the quick popup template might be taken much time to prepare the elements in it. So could you please integrate the quick popup template customization alone in the below sample? This will help us to validate the issue at our end and provide a prompt solution ASAP. 
 
 
Regards, 
Vengatesh  



DL Dylan Lyon November 18, 2021 11:33 PM UTC

I've filled out the sample project but I don't think you'll find answers there. The live app is much more complex and there is a lot of information coming in from our internal API along with many dependencies. It isn't really realistic to put all of that into a sample project. Short of someone debugging the actual app with the scheduler source code I don't think the sample projects will do much to help us here.


That begin said is there no other way to debug this? Any sort of workarounds I could implement? I agree that it is likely something inside of the ScheduleQuickInfoTemplates ​but everything should be operating asynchronously without issue there and without any form of error message on the scheduler I don't know what else to do.


Even when I attach an onclick function to the Event Template as a potential work around that doesn't work. 


Attachment: ScheduleComponent_75490835.zip


SK Satheesh Kumar Balasubramanian Syncfusion Team November 19, 2021 10:18 AM UTC

Hi Dylan, 
  
Thanks for your update. 
  
We have validated your reported query based on shared details and hosted the sample in azure link to reproduce the reported issue. But, we were unable to reproduce the issue at our end. Since, we were not able to replicate your problem at our end with the shared details, it is difficult to provide prompt solution.  
  
Could you please share the below details to reproduce the issue? This will help us to validate the issue and provide prompt solution at earliest. 
  • Share issue replicating sample if possible
  • Share all schedule related code snippets
Regards, 
Satheesh Kumar B 


Loader.
Up arrow icon