This is a migrated thread and some comments may be shown as answers.

Prevent popup close on scrolling.

3 Answers 605 Views
AutoComplete
This is a migrated thread and some comments may be shown as answers.
Taras
Top achievements
Rank 2
Taras asked on 31 Jul 2015, 09:46 AM

Need to prevent closing dropdown popup, when user scrolls the page. 

Movie to explain the issue. https://drive.google.com/a/productiveedge.com/file/d/0Bzruk8_x7z70TnFaNVdxYXpiSzg/edit

 In fact, dropdown should be closed only by user click on opened autocomplete again.

Result should be like the dropdowns on this page. http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp

Thanks in advance.

3 Answers, 1 is accepted

Sort by
0
Accepted
Konstantin Dikov
Telerik team
answered on 04 Aug 2015, 07:40 AM
Hi Taras,

Closing the drop down when you click on another element on the page is the expected behavior. Nevertheless, if you need to prevent this you can handle the "close" event of the widget and determine whether or not to prevent the closing. Since you want to close the drop down when you select an item, you can use a global boolean variable and change its value within the "change" event as demonstrated in the following dojo example:

Regards,
Konstantin Dikov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Jacob
Top achievements
Rank 1
Veteran
answered on 04 Sep 2020, 05:49 AM
Konstantin's reply does not address the issue Taras brought up, which is that scrolling, not clicking, causes the autocomplete list to close. Also, I think this is a duplicate issue of https://www.telerik.com/forums/how-to-prevent-popup-close-on-scroll. Please see reply over on that thread.
0
Petar
Telerik team
answered on 07 Sep 2020, 01:59 PM

Hi Jacob,

I've just answered you in the other ticket that you've linked. Let's keep the communication consistent and continue it in the other thread. 

Regards,
Petar
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive , special prizes and more, for FREE?! Register now for DevReach 2.0(20).

Tags
AutoComplete
Asked by
Taras
Top achievements
Rank 2
Answers by
Konstantin Dikov
Telerik team
Jacob
Top achievements
Rank 1
Veteran
Petar
Telerik team
Share this question
or