Date filter dropdown freezes when using 'Syncfusion.Blazor.Grids.FilterType.Menu'

[Rick Berger]

I am trying to use the filtering capabilities of the SfGrid while including the following setting:

<GridFilterSettings Type="Syncfusion.Blazor.Grids.FilterType.Menu"></GridFilterSettings>

This setting seems to be working well; ​except when it comes to filtering on a ​Date.

With the above 'GridFilterSettings', I am finding that, when I click on a Date column, this is the sequence of events...

1. A DateTime picker helpfully appears.  
2. I then try to decrement (or increment) the Month.
3. The appropriate Month appears.
   
4. However, after that, no more clicks can be made.  Nothing changes in the control.  In fact, the DateTime picker freezes onto the page.  Even after I try to place focus on some other place in the page, the DateTime control remains visible.

Although there's always a possibility that I am doing something wrong on my end, I will tell you that I also experienced this problem when I experimentally devoted an entirely separate page to the exact code from the following Syncfusion sample:

https://blazor.syncfusion.com/documentation/datagrid/filtering?cs-save-lang=1&cs-lang=csharp

If you alter that sample code only by adding the GridFilterSettings line I have mentioned above, I think you will find, as I did, that the same problem occurs.  I do not know if this is relevant, but this occurred for me while programming a Blazor Server Side solution, and I am using the latest Syncfusion updates.

For what this is worth, when I do not use the above GridFilterSettings, there is no problem filtering on a date; neither in your sample page, nor on my own pages.  However, as you know, the 'FilterType.Menu' option offers many advantages, so I am hoping I will still be able to use that option.

I look forward to hearing back from you on this.

[Monisha Saravanan]

Hi Rick ,

We have considered it as a bug and logged an issue  “Filter menu popup suddenly closes on performing click in DateTimePicker” for the same. Thank you for taking the time to report this issue and helping us to improve our product. At Syncfusion, we are committed to fix all validated defects (subject to technological feasibility and Product Development Life Cycle) and this fix will be included in our upcoming patch release which is expected to be rolled out on or before 22^nd October 2024.

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.     

https://www.syncfusion.com/feedback/62222/filter-menu-popup-suddenly-closes-on-performing-click-in-datetimepicker

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization”

Until then we appreciate your patience.

Regards,

Monisha

[Rick Berger]

I am glad you will be working on this issue and I am confident that Syncfusion will solve it. 

By the way, this is probably not that important, but I thought it might be worth mentioning...

The title you have chosen for the issue (namely "Filter menu popup suddenly closes on performing click in DateTimePicker" does not depict the issue; at least not as I have experienced it.  What I have experienced is almost the opposite of that.  At least in my case, one of the issues was that, once opened, the SfGrid's DateTime Filter dropdown stops reacting after the first click, it also never closes after that first click... it just continues to be displayed on the page.

If this helps, I probably should have also mentioned in my first posting on this that the problem also occurs after you click on any date in the calendar that gets displayed by default.  Once you make that click, that becomes the last click you can make in the control; the 'freezing' also seems to happen under those conditions.

Please do not take what I have mentioned about as a complaint.  I am merely calling it to your attention.

I look forward to the results.

[Monisha Saravanan]

Hi Rick,

We would like to inform you that the FilterMenu popup should not close when performing increment or decrement actions in the DatePicker component popup. Currently, closing the FilterMenu popup causes the DatePicker popup to become unresponsive. We have shared a video demo demonstrating the exact issue. We will get back to you once the reported issue resolved.

Until then we appreciate your patience. If we misunderstood your query then kindly get back to us with additional information.

Regards,

Monisha

Attachment: VideoFilterIssue_24620392.zip

[Rick Berger]

Thank you as always Monisha.  I continue to be very happy with Syncfusion's always timely support feedback. 

By way of follow-up, if this is helpful, let me respond to some specifics you provided in your latest feedback...

"The FilterMenu popup should not close when performing increment or decrement actions in the DatePicker component popup."​

"Currently, closing the FilterMenu popup causes the DatePicker popup to become unresponsive."

 Presumably, the DatePicker should not close when we are still interacting with it in any fashion.  However, one of the points I was trying to make was that, once the DatePicker stopped responding after my triggering the first (and only successful) click response, additionally the DatePicker would ​also not close.  To be clear, after a first click, at that point I made no deliberate attempt to close the DatePicker.  In fact, I was still trying to ​​interact with it more and failing; prior to my even wanting it to close. Nevertheless, the control had become unresponsive; including the fact that no further click inside it had any effect.

Monisha, I looked at the very helpful video you supplied, and I really appreciate you going to that trouble.  As I'm sure you know, it is always hard to know in a silent video exactly when the demonstrator is clicking on a page.  However, thankfully, the video does seem to duplicate my issue.  The only thing I would add is the reminder that the issue does not just occur after incrementing or decrementing the Month.  I found that the issue also occurred after the first click anywhere in the control; including clicking on dates.  

That said, it is entirely possible that your video demonstrates that you are already completely in sync with  everything I have raised on this issue.  I just wanted to make sure I have been crystal clear with you.

I look forward to being notified when the issue is solved; which I have no doubt it will be.

[Monisha Saravanan]

Hi Rick,

Query: “The only thing I would add is the reminder that the issue does not just occur after incrementing or decrementing the Month.  I found that the issue also occurred after the first click anywhere in the control; including clicking on dates.  ”

Thanks for the update. Yes we will ensure this while fixing the bug. We will get back to you once the release is rolled out. Until then we appreciate your patience.

Regards,

Monisha

[Monisha Saravanan]

Hi Rick,

We are glad to announce that, we have included the fix for the issue “Filter menu popup suddenly closes on performing click in DateTimePicker” in our 27.1.55 release.  So please upgrade to our latest version of Syncfusion NuGet package to resolve the reported issue. Please find the NuGet package for latest fixes and features from below.

NuGet : https://www.nuget.org/packages/Syncfusion.Blazor.Grid

Root Cause: When clicking on the DateTimePicker, the targetIsFilterDialog method is invoked, but it returns false because it only handles cases for DatePicker, TimePicker, and DateRangePicker. This causes the condition to incorrectly prevent the FilterPopupClose, leading to the premature closing of the filter menu.

Corrective Actions Taken: To resolve the issue, we have checked if the DateTimePicker is inside the grid or outside using the isOutsideGridComponent method and prevented closing the dialog accordingly.

We thank you for your support and appreciate your patience in waiting for this release.

Regards,
Monisha

[Rick Berger]

I have deleted a message I posted yesterday. In that posting, I found that in several places I mistakenly referred to a "DatePicker" when I meant a "DateTimePicker".

 More importantly, in retrospect, I also thought that my posting was a little more 'emphatic' than I meant it to be.

By way of update today I do want to express that I am finding that the following issues are currently occurring; even after the upgrade...

• I am still experiencing my original issue.  Namely that at times, the first click in the DateTimePicker results in the control freezing on the screen.  I will add today that there are times when I switch to a different page in the application... and the DateTimePicker is still frozen on the screen; even after navigating to different pages.
• Also, if it helps you to know this, I am now sporadically experiencing the issue you described. Namely, there are times when the DateTimePicker is opened and disappears the moment a click is made inside it.
  

I wish I could tell you why my current experience vacillates between the two points I have stated above, but I simply have not been able to hone in on that. Nevertheless, I hope you can understand why I think it might be helpful to share my latest findings with you.

I apologize for the 'tone' of my (now deleted) posting yesterday. I have no doubt Syncfusion will resolve all of these issues and I look forward to your doing so.

[Rick Berger]

Although it was in the message I deleted earlier, I forgot to mention this again in my new rewrite of that message:

I have my doubts that this is causing the current issues, but please again be reminded that the following is what I am using...

<GridSelectionSettings Type="Syncfusion.Blazor.Grids.SelectionType.Multiple"></GridSelectionSettings>

If it helps you to know this, , I have found the need to specifically use "Syncfusion.Blazor.​Grids.SelectionType" inside the relevant Razor component because that Razor component also contains a couple of SfButtons; which apparently also have a 'SelectionType' property. I have found that if I leave out the 'Syncfusion.Blazor.Grids' specification, I will understandably get an error which tells me that there is an ambiguity as to which Syncfusion control's 'SelectionType' should apply.

I hope this helps.

[Prathap Senthil]

Hi Rick,

We are sorry for the inconvenience caused. Before proceeding further we would like to confirm the issue once again from your end.

We could able to replicate only one issue at our end. We have attached sample and video demonstrating the reported issue.

Replication Steps:

1. Run the attached sample.
2. Open the DatePicker in the orderDate column by clicking the filter icon.
3. Now press the white space present below the Grid Row.
4. DatePicker popup persists.

Kindly confirm this if you are facing the above reported issue and additionally if you face any other issues in the above sample kindly share us a simple issue replicating video demo. It would be more helpful for us to validate the reported issue further at our end.

Regards,

Prathap S

Attachment: MenuFilterVideo_49c42b34.zip

[Prathap Senthil]

Please refer to the below attached sample for your reference.

Attachment: BlazorApp1_17_5233bada.zip

[Rick Berger]

Hello Prathap, I saw your latest reply and was able to watch the very helpful video you attached; namely...

MenuFilterVideo_49c42b34.zip

I can tell you that your video replicates exactly what I have been experiencing.

If this helps, the only two aspects that do not seem to appear in the video are these...

1. Your video takes place entirely on the same page.  As I mentioned, after I experienced what happens at the end of your video, there were times when I navigated to an entirely different page and the DateTimePicker remained frozen in place on the screen; even in a different page.  (I am not sure if I experienced that every time, but it did occur more than once).
   
2. There were also times when clicking anyplace within the DateTimePicker caused it to immediately disappear.  (A circumstance that I only became conscious of after a few of Syncfusion responses to this thread correctly pointed it out). 
   

It is unfortunately unclear to me why I would experience issue #1 sometimes and issue #2 at other times.  However, I can tell you that, I have interchangeably experienced both of these issues.

I hope this helps.  Thank you as always for responding so quickly.

[Rick Berger]

By way of update, there is sudden good news:  The specific issue of the 'frozen' DateTimePicker seems to have gone away.  If it helps you to know this, as far as I can tell, the following may turn out to have been the problem...

For reasons that have nothing to do with the issue we have been discussing in this thread, I happened to be asked to refactor the SfGrid out of a parent component into a previously established child component.  That child component had already been a child for quite some time.  The only difference now was that the SfGrid had been moved to the child.

Suddenly I found that the problem had gone away.  I cannot state this absolutely, but I believe the problem may be tied to the fact that the parent did not include this reference:

using Syncfusion.Blazor.Grids

... whereas the child that the grid was refactored into happened to already have the above reference.

You may want to look into this too on your end because in the helpful video you posted you seemed to also be experiencing the same 'frozen' DateTimePicker issue.

If it helps you to know this, I think I did not notice the "using" discrepancy while the SfGrid was still in the parent because, while it was located there, all of the grid's functionality seemed to be completely satisfactory; except for the DateTimePicker.  With every other aspect of the SfGrid working just fine in the parent, I am sorry, but it simply did not occur to me to look to see if a missing "using" was the problem.

Thank you as always for your valuable feedback.  It feels good to have gotten past this issue.  I will post again on this only if for some reason the anomaly makes another appearance. 

[Prathap Senthil]

Thanks for the update

Regarding this first query, we have confirmed that this is an issue and logged a defect report titled  “ DatePicker Popup Persists After Clicking White Space Below Grid Row and Remains Frozen on Screen When Navigating to a Different Page” This fix will be included in our weekly patch release, which is expected to be rolled out on November 12th, 2024. You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.    
  
https://www.syncfusion.com/feedback/62645/datepicker-popup-remains-open-after-clicking-white-space-below-grid-row-and-when

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization”

We will get back to you once the release is rolled out. Until then we appreciate your patience.

Regarding the second issue, 'when clicking anywhere within the DateTimePicker causes it to immediately disappear,' we are unable to reproduce it. For your reference, we have attached a video demonstration of the issue. To proceed further, could you please share the video demonstration of the replication steps for the issue?

Attachment: GIF_DatePickerPopup_fc14a7b4.zip

[Prathap Senthil]

Thanks for your patience,

We are glad to announce that, we have included the fix for the issue “DatePicker Popup Persists After Clicking White Space Below Grid Row and Remains Frozen on Screen When Navigating to a Different Page” in our Volume 3 SP 27.2.2 release.  So please upgrade to our latest version of Syncfusion NuGet package to resolve the reported issue. Please find the NuGet package for the latest fixes and features below.

NuGet: https://www.nuget.org/packages/Syncfusion.Blazor.Grid            

Release Notes:Essential Studio for Blazor 2024 Volume 3 SP Release Release Notes

Root Cause:  When clicking whitespace, the filterPopupClose method is invoked through mouseDownHandler. This closes the filter popup and clears the DatePicker object, preventing the DatePicker reference from accessing its hide functionality.

Corrective Actions Taken:  To resolve the issue, added the settimeout for the filterpopupclose it leads to first hide the datepicker then closed the filterpopup.

We thank you for your support and appreciate your patience in waiting for this release.