1. Home
  2. Forum
  3. Blazor
  4. With virtualization in AutoComplete and DropDownList there is no keyboard navigation beyond the first set of data

With virtualization in AutoComplete and DropDownList there is no keyboard navigation beyond the first set of data

Hello Support,


I have been testing the Blazor AutoComplete and DropDownList components with Virtualization enabled as these components will be populated by a large dataset. I have found that using the mouse to scroll down the list of items triggers another request to DataAdaptor.Read once I reach the last item. Thus I can continue scrolling to the next batch of data.

However, when using the down arrow or page down keys, nothing happens when I reach the last item in the popup. Could you please advise how to trigger a call to DataAdaptor.Read using the keyboard?


Thanks,


Chuck


26 Replies
DR Deepak Ramakrishnan Syncfusion Team November 22, 2021 04:05 PM UTC

Hi Chuck, 
 
Greetings from Syncfusion support. 
 
We have validated the requirement and found its working as per your requirement in latest version(19.3.54) . So we request you to upgrade your version to the latest and check the requirement in your end. 
 
 
Thanks, 
Deepak R. 


CR Chuck Richardson November 22, 2021 04:27 PM UTC

Hi Deepak,


Thank you for your reply. However, I AM using 19.3.54. To be clear if I scroll using the mouse to drag the thumb of the scrollbar then infinite scroll works as expected in that the next batch of records is correctly retrieved via a call to DataAdaptor.Read



However, as you can see below, if I use the down arrow to scroll to the end of the list of items, the scrollbar thumb moves all the way to the bottom and no call to DataAdaptor.Read is triggered:




If you have this working could you please provide a working example?


Note: this works as expected in the "Example of Virtualization in Blazor AutoComplete Component" on the demo site but this is not using a custom DataAdaptor to obtain the data.


Thanks,


Chuck


DR Deepak Ramakrishnan Syncfusion Team November 23, 2021 06:47 PM UTC

Hi Chuck, 
 
Thanks for your update. 
 
Yes we can able to reproduce the reported issue in our end with provided details (with custom adapter ). We will update the further details in two business days (25th,November 2021). We appreciate you patience until then. Also we have attached custom adapter sample for your reference .  
 
 
 
Procedure to run the sample : 
 
1. Copy the path of NorthWind.MDF file  
2.And paste the path in OrderContext.cs file 
 
 
 
 
 
 
 
Thanks, 
Deepak R. 


PO Prince Oliver Syncfusion Team November 26, 2021 03:13 PM UTC

Hi Chuck, 

Thank you for your patience. 

We have confirmed this is as issue in our end. The fix for this issue will be included in our 2021 Volume 4 release which is expected in the mid of December. You can track the status of the issue through the following feedback link 

Regards, 
Prince 


RP Ranjani Prabakaran Syncfusion Team November 29, 2021 06:22 AM UTC

From: Chuck Richardson <[email protected]>
Sent: Friday, November 26, 2021 10:54 AM
To: Syncfusion Support <[email protected]>
Subject: RE: Syncfusion Forum [170532] has a new reply - With virtualization in AutoComplete and DropDownList there is no keyboard navigation beyond the first set of data 

Hi Prince, 
 
Thank you for confirming. I will keep an eye on the next release and download it once available. 

Thanks, 

Chuck 


DR Deepak Ramakrishnan Syncfusion Team November 29, 2021 04:09 PM UTC

Hi Chuck, 
 
Thanks for your update. 
 
We will update the details if the volume 4 has been rolled out , in the provided feedback as mentioned earlier. Until then we appreciate your patience . 
 
 
Thanks, 
Deepak R. 
 


CR Chuck Richardson replied to Deepak Ramakrishnan December 24, 2021 11:41 PM UTC

Hello Deepak,


I received notification that this bug has been fixed and have applied the new Nuget package and can see the fix is indeed in place for the keyboard navigation. This is great news.


However, while testing the fix I noticed another issue. As you scroll down the list of popup items and trigger more and more calls to DataAdaptor.ReadAsync the DataManagerRequest dm property for Skip remains at 0 and the Take property increases by 5 each time. As in:

Skip: 0, Take: 20

Skip: 0, Take: 25

Skip: 0, Take: 30


This means that as you scroll further down the list the number of records being retrieved from the backend continues to grow. I would expect the component to only request the incremental data it requires. As in:

Skip: 0, Take: 20

Skip: 20, Take: 5

Skip: 25, Take 5


Is it possible to get the AutoComplete component to retrieve the data incrementally?

Also, is it possible to configure how many more records it requests every time it triggers a ReadAsync call?


Furthermore, I have found an even more significant problem. If I hook up to the OnActionComplete event, then the component never asks for more than 25 records. To reproduce this, add the following to the sample that was provided with the bug fix:

             <AutoCompleteEvents TValue="string" TItem="Order"

                          OnActionComplete="@ActionCompleteHandler">

            </AutoCompleteEvents>



             protected void ActionCompleteHandler(ActionCompleteEventArgs args)

             {

                          System.Console.WriteLine("ActionCompleteHandler");

             }


Upon scrolling with the mouse or keyboard, the ReadAsync call asks for Skip: 0, Take: 20 then Skip: 0, Take 25 but never increases beyond 25.


Thanks,


Chuck


DR Deepak Ramakrishnan Syncfusion Team December 27, 2021 11:11 AM UTC

Yes we have already considered the requirement as feature request in our end for dropdown components .You can expect this fix in anyone of our future releases and you can track the status using below feedback link  . 
 


CR Chuck Richardson December 27, 2021 11:42 AM UTC

Hi Deepak,


Thank you for the link to the feature request.


However, as per my updated post, the more fundamental issue is that the component never increases the Take parameter beyond 25 if you hook into the OnActionComplete event.


This is a major issue with the component. Please advise when this will be fixed?


Thanks,


Chuck


DR Deepak Ramakrishnan Syncfusion Team December 28, 2021 06:43 PM UTC

The Take parameter increases as expected in our end with the sample provided previously in latest version . Kindly provide the Simple runnable sample and replication procedure to reproduce the issue in our end to proceed further. 
 
 
 


CR Chuck Richardson December 28, 2021 06:52 PM UTC

Hello Support,


Runnable application attached. If you enter "1" in the dropdown and then use the mouse OR keyboard to scroll then you will see that the Take property never increases beyond 25.


Thanks,


Chuck



Attachment: SyncfusionBlazorApp1_e3a16b2c.zip

CR Chuck Richardson December 29, 2021 04:44 PM UTC

To be clear, the only difference between the sample I uploaded and that which you originally provided is that I added a handler for OnActionComplete with the following code:


             <AutoCompleteEvents TValue="string" TItem="Order"

                          OnActionComplete="@ActionCompleteHandler">

            </AutoCompleteEvents>



             protected void ActionCompleteHandler(ActionCompleteEventArgs args)

             {

                          System.Console.WriteLine("ActionCompleteHandler");

             }


DR Deepak Ramakrishnan Syncfusion Team December 29, 2021 04:47 PM UTC

Yes we can able to reproduce the issue with provided sample . We will update the further details in two business days(31st,December 2021) 


CR Chuck Richardson replied to Deepak Ramakrishnan January 5, 2022 10:11 PM UTC

Hello Deepak,


Could you please provide an update on this issue?


Thanks,


Chuck


SP Sureshkumar P Syncfusion Team January 7, 2022 09:09 AM UTC

Chuck,    

Thanks for the patience.    
We have confirmed the reported issue as a bug at our end and this fix will be included in our upcoming patch release which is expected to be rolled out on end of January 25th, 2022. We appreciate your patience until then.    
You can track the status of this issue from the below feedback.  

Regards,  
Sureshkumar P 


NI Nick January 11, 2022 01:39 PM UTC

Thanks for this information!


SP Sureshkumar P Syncfusion Team January 12, 2022 07:56 AM UTC

Hi Chuck, 
 
Thanks for your update. 
 
Regards, 
Sureshkumar P 


CR Chuck Richardson January 31, 2022 11:18 PM UTC

Hello Sureshkumar,


I note this issue has been logged under bug report 31723 but still hasn't been fixed despite you indicating it would be on 25th January. It is blocking us from using the AutoComplete component for the use case we have.


When is 31723 scheduled to be fixed?


Thanks,


Chuck


DA Dineshkumar Arumugam Syncfusion Team February 1, 2022 07:26 AM UTC

Hi Chuck,


Regret for the inconvenience caused.


Due to some complexities, we could not include the fix in this week's patch release. We will include it in the upcoming patch release which is expected to be rolled out on mid of February, 2022. We appreciate your patience until then.


You can track the status of this issue from the below feedback.  

Feedback: https://www.syncfusion.com/feedback/31723


Regards,

Dineshkumar A.



DA Dineshkumar Arumugam Syncfusion Team February 15, 2022 03:28 PM UTC

Hi Chuck ! 

We are glad to announce that the fix for the issue “Virtualization not working properly while filtering the data if we bind ActionComplete event to the componen” has been included in our patch release (V19.4.50) . To access this fix, we suggest you to update the package to version V19.4.50. 



We thank you for your support and appreciate your patience in waiting for this release. Please contact us if you require any further assistance. 

Regards, 
Dineshkumar A. 


CR Chuck Richardson February 15, 2022 10:30 PM UTC

Hi Dineshkumar,


Thanks for the update. I have upgraded to 19.4.50 and can see that the issue is partially fixed. If I use the down arrow when at the end of the list of visible items the dropdown behaves as I would expect and fetches an incremental 5 records and continues to scroll down the list of items.


However, if I hold the down arrow down to scroll rapidly through the items not yet fetched then randomly the dropdown reverts back to the first row and continues scrolling from there. It is even more obvious if I use the page down key to navigate past the list of displayed items. Even without holding the page down key down the dropdown cycles back to the top of the items in the list every time I press page down when at the bottom of the current list of items.


So, although the data is at least now being fetched beyond the first 5 records, the dropdown is still not behaving as it should.


Thanks,


Chuck




SP Sureshkumar P Syncfusion Team February 22, 2022 05:49 AM UTC

HI Chuck,    

Thanks for your shared information. We have confirmed the reported cases replicated the same issue at our end and this fix will be included in our upcoming patch release, which is expected to be rolled out on March 8th,2022.  
You can track the status of this issue from the below feedback.  

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 

Regards,  
Sureshkumar P 


SP Sureshkumar P Syncfusion Team March 9, 2022 11:12 AM UTC

Hi Chuck, 
We were unable to add the fix in this week's patch release due to some complexities. We'll include it in the upcoming patch release, which is expected to be rolled out on 16th March,2022. 
Regards, 
Sureshkumar P 


SP Sureshkumar P Syncfusion Team March 16, 2022 01:05 PM UTC

Hi Chuck, 
We have fixed your reported issue from our end in the latest 19.4.56 version. So, we suggest you upgrade to our latest version to resolve the current issue. 

Regards, 
Sureshkumar P 


CR Chuck Richardson March 17, 2022 02:05 PM UTC

Hi Sureshkumar,


I have upgraded to 19.4.56 and can confirm that the keyboard navigation of the virtualised dropdown is now working as expected.


Thanks,


Chuck


SP Sureshkumar P Syncfusion Team March 18, 2022 05:59 AM UTC

Chuck, 
 
Thanks for your update. 
 
Regards, 
Sureshkumar P 


Loader.
Up arrow icon