DropdownList Scrolling issue kendo grid

[Ravi]

Hi,

 

We are facing scroll issue with dropdownlist. scrolling out side the dropdown closes the dropdown. It seems scroll very sensitive. I have attached video and with this query.

[Dimiter Topalov]

Hi Ravi,

Please check out the following how-to article from our documentation that demonstrates how to prevent the described behavior:

http://docs.telerik.com/kendo-ui/controls/editors/dropdownlist/how-to/prevent-close-on-scroll

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress

[Ravi]

I tried following example but it didn't work. You can run and see the example that dropdown closes on scrolling outside the dropdown.

[Ravi]

Hi Dimiter Topalov,

You can run and see in the example which you have given in URL. It is also showing the same behaviour.

[Dimiter Topalov]

Hello Ravi,

I am sorry for the misunderstanding. Scrolling outside of the dropdown will always close the popup, because it loses focus. This is the default, and designed behavior of the widget.

The provided workaround prevents the popup from closing when the cursor is still inside it, but the end of the list is reached, and without the workaround, the default behavior would be scrolling of the whole page, which in turn would close the dropdown.

The desired functionality is not supported, but you can implement some custom logic, and call e.preventDefault() conditionally in the close event handler, which will stop the DropDownList from closing the popup.

Regards,
Dimiter Topalov
Telerik by Progress

[Ravi]

Thanks Dimiter,

I will try to implement this using custom code. I also found one issue that I have added some records in grid and then when I try to open dropdown, on first click it take the dropdown in edit mode without opening select options and on second single it open the dropdown. On doubleclick, it's working fine.

Please suggest.

[Dimiter Topalov]

Hi Ravi,

The described behavior is expected. The first click puts the cell in edit mode, which creates the DropDownList. The second click triggers the opening of the DropDownList.

If you would like to open the DropDownList automatically when the cell is put in editing mode, handle the edit event, get a reference to the corresponding widget, and open it programmatically via its open() method, e.g.:

http://dojo.telerik.com/oTeVu

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress