Prevent Losing Focus When Scrolling

[Darien Goodwin-Madden]

Hi there,

Hopefully this should be a pretty straight forward one but for some reason I have not been able to find a solution.

I am looking to prevent my dropdowns from losing focus and closing when the user continues to scroll when the dropdownlist reaches the bottom. I am wanting it so that when the user hits the bottom of the list when scrolling with the mouse wheel, that the dropdownlist remains open.

I am using an out of the box dropdownlist but heres the code anyway:

<ej:DropDownList ID="ddTest" Width="100%" EnableFilterSearch="true" runat="server" />

Cheers,

[Shameer Ali Baig Sulaiman Ali Baig]

Hi Darien, 

 

Thanks for contacting Syncfusion support. 

 

We have looked into your query on DropDownList control. We have already addressed to achieve the same requested requirement in our component. While trying to prepare the demo sample for achieving the requirement. We figured out, that our already provided solution is not working in Chrome and Firefox browser. On analyzing about the cause of this issue, we found that Chrome has modified behavior of preventDefault() function in its latest versions.  

 

The below attached sample works as expected in the IE 11 and Edge browsers. 

 

Sample: https://jsplayground.syncfusion.com/ntv5zz4m  

 

Please, find the forum links which discuss about the issue which we face at our side. 

 

https://github.com/inuyaksa/jquery.nicescroll/issues/799 

 

https://developers.google.com/web/updates/2019/02/scrolling-intervention  

 

https://www.chromestatus.com/features/6662647093133312  

 

We raise query to chrome support regarding this issue. Meanwhile, we will check to resolve the issue at our end. We will update you further details once we get the details from chrome public forum.  

 

Regards, 

Shameer Ali Baig S.